<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40"><head><meta http-equiv=Content-Type content="text/html; charset=us-ascii"><meta name=Generator content="Microsoft Word 12 (filtered medium)"><style><!--
/* Font Definitions */
@font-face
{font-family:"Cambria Math";
panose-1:2 4 5 3 5 4 6 3 2 4;}
@font-face
{font-family:Calibri;
panose-1:2 15 5 2 2 2 4 3 2 4;}
@font-face
{font-family:Tahoma;
panose-1:2 11 6 4 3 5 4 4 2 4;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin:0cm;
margin-bottom:.0001pt;
font-size:11.0pt;
font-family:"Calibri","sans-serif";}
a:link, span.MsoHyperlink
{mso-style-priority:99;
color:blue;
text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
{mso-style-priority:99;
color:purple;
text-decoration:underline;}
p.MsoAcetate, li.MsoAcetate, div.MsoAcetate
{mso-style-priority:99;
mso-style-link:"Balloon Text Char";
margin:0cm;
margin-bottom:.0001pt;
font-size:8.0pt;
font-family:"Tahoma","sans-serif";}
span.BalloonTextChar
{mso-style-name:"Balloon Text Char";
mso-style-priority:99;
mso-style-link:"Balloon Text";
font-family:"Tahoma","sans-serif";}
span.EmailStyle19
{mso-style-type:personal;
font-family:"Calibri","sans-serif";
color:windowtext;}
span.EmailStyle20
{mso-style-type:personal;
font-family:"Calibri","sans-serif";
color:#1F497D;}
span.EmailStyle21
{mso-style-type:personal;
font-family:"Calibri","sans-serif";
color:#1F497D;}
span.EmailStyle22
{mso-style-type:personal;
font-family:"Calibri","sans-serif";
color:#1F497D;}
span.EmailStyle23
{mso-style-type:personal;
font-family:"Calibri","sans-serif";
color:#1F497D;}
span.EmailStyle24
{mso-style-type:personal-reply;
font-family:"Calibri","sans-serif";
color:#1F497D;}
.MsoChpDefault
{mso-style-type:export-only;
font-size:10.0pt;}
@page WordSection1
{size:612.0pt 792.0pt;
margin:72.0pt 72.0pt 72.0pt 72.0pt;}
div.WordSection1
{page:WordSection1;}
--></style><!--[if gte mso 9]><xml>
<o:shapedefaults v:ext="edit" spidmax="1026" />
</xml><![endif]--><!--[if gte mso 9]><xml>
<o:shapelayout v:ext="edit">
<o:idmap v:ext="edit" data="1" />
</o:shapelayout></xml><![endif]--></head><body lang=EN-GB link=blue vlink=purple><div class=WordSection1><p class=MsoNormal><span style='color:#1F497D'>Hi Fay<o:p></o:p></span></p><p class=MsoNormal><span style='color:#1F497D'>thanks - hadn't spotted the typo.<o:p></o:p></span></p><p class=MsoNormal><span style='color:#1F497D'>Personally I think those limits are too low especially as some sites or linked resources won't render properly at those dimensions. I know there's an argument that says that's more do to with the limitations of the linked site or resource but that's often beyond the xerte authors control. I would say 1024 x 768 would be a better limit but then again there are examples where it might be useful to have a portrait shaped window so perhaps the limit should be 1024 x 1024 to allow for either?<o:p></o:p></span></p><p class=MsoNormal><span style='color:#1F497D'>HTH<o:p></o:p></span></p><p class=MsoNormal><span style='color:#1F497D'>Cheers<o:p></o:p></span></p><p class=MsoNormal><span style='color:#1F497D'>Ron<o:p></o:p></span></p><p class=MsoNormal><a name="_MailEndCompose"><span style='color:#1F497D'><o:p> </o:p></span></a></p><div><div style='border:none;border-top:solid #B5C4DF 1.0pt;padding:3.0pt 0cm 0cm 0cm'><p class=MsoNormal><b><span lang=EN-US style='font-size:10.0pt;font-family:"Tahoma","sans-serif"'>From:</span></b><span lang=EN-US style='font-size:10.0pt;font-family:"Tahoma","sans-serif"'> xerte-dev-bounces@lists.nottingham.ac.uk [mailto:xerte-dev-bounces@lists.nottingham.ac.uk] <b>On Behalf Of </b>Fay Cross<br><b>Sent:</b> 04 April 2013 09:58<br><b>To:</b> For Xerte technical developers<br><b>Subject:</b> [Xerte-dev] Re: Hotspot Image Connector image sizes<o:p></o:p></span></p></div></div><p class=MsoNormal><o:p> </o:p></p><p class=MsoNormal><span style='color:#1F497D'>Just fixed a typo that meant the width was never changing – it works now.<o:p></o:p></span></p><p class=MsoNormal><span style='color:#1F497D'><o:p> </o:p></span></p><p class=MsoNormal><span style='color:#1F497D'>However, it’s the xwd info that is limiting the width and height of the window. The max width value is set to 980 and the max height is set to 720. If you enter a value above these the wizard changes it back, I guess so that you can’t put ridiculously high values in. I can change these if you want.<o:p></o:p></span></p><p class=MsoNormal><span style='color:#1F497D'><o:p> </o:p></span></p><div><div style='border:none;border-top:solid #B5C4DF 1.0pt;padding:3.0pt 0cm 0cm 0cm'><p class=MsoNormal style='margin-left:36.0pt'><b><span lang=EN-US style='font-size:10.0pt;font-family:"Tahoma","sans-serif"'>From:</span></b><span lang=EN-US style='font-size:10.0pt;font-family:"Tahoma","sans-serif"'> <a href="mailto:xerte-dev-bounces@lists.nottingham.ac.uk">xerte-dev-bounces@lists.nottingham.ac.uk</a> [<a href="mailto:xerte-dev-bounces@lists.nottingham.ac.uk">mailto:xerte-dev-bounces@lists.nottingham.ac.uk</a>] <b>On Behalf Of </b>Ron Mitchell<br><b>Sent:</b> 04 April 2013 09:32<br><b>To:</b> 'For Xerte technical developers'<br><b>Subject:</b> [Xerte-dev] Re: Hotspot Image Connector image sizes<o:p></o:p></span></p></div></div><p class=MsoNormal style='margin-left:36.0pt'><o:p> </o:p></p><p class=MsoNormal style='margin-left:36.0pt'><span style='color:#1F497D'>Thanks Fay<o:p></o:p></span></p><p class=MsoNormal style='margin-left:36.0pt'><span style='color:#1F497D'>that sounds like a sensible move to move the mp4 detection to that js file.<o:p></o:p></span></p><p class=MsoNormal style='margin-left:36.0pt'><span style='color:#1F497D'>I think the Hotspot Image Connector will become a very popular and useful page type so great to have a bit more flexibility over image size especially the option for none so that the image is more or less full screen. My dimensions work ok-ish as far as my tests so far but for the none/full screen option it would be better if alignment is centered rather than aligned left but I wasn't sure how best to achieve that.<o:p></o:p></span></p><p class=MsoNormal style='margin-left:36.0pt'><span style='color:#1F497D'><o:p> </o:p></span></p><p class=MsoNormal style='margin-left:36.0pt'><span style='color:#1F497D'>I'm still testing the HTML5 view of this page type but there seems to be something a bit odd about the URL Window Width and Height options for linking to external sites/resources. The width seems to mostly work but height doesn't and regardless of adding different dimensions seems to ping back to 720. In fact if I change width to 1024 for instance and then click publish it pings back to 980. Is there something constraining this to set sizes?<o:p></o:p></span></p><p class=MsoNormal style='margin-left:36.0pt'><span style='color:#1F497D'><o:p> </o:p></span></p><p class=MsoNormal style='margin-left:36.0pt'><span style='color:#1F497D'>Cheers<o:p></o:p></span></p><p class=MsoNormal style='margin-left:36.0pt'><span style='color:#1F497D'>Ron<o:p></o:p></span></p><p class=MsoNormal style='margin-left:36.0pt'><span style='color:#1F497D'><o:p> </o:p></span></p><div><div style='border:none;border-top:solid #B5C4DF 1.0pt;padding:3.0pt 0cm 0cm 0cm'><p class=MsoNormal style='margin-left:36.0pt'><b><span lang=EN-US style='font-size:10.0pt;font-family:"Tahoma","sans-serif"'>From:</span></b><span lang=EN-US style='font-size:10.0pt;font-family:"Tahoma","sans-serif"'> <a href="mailto:xerte-dev-bounces@lists.nottingham.ac.uk">xerte-dev-bounces@lists.nottingham.ac.uk</a> [<a href="mailto:xerte-dev-bounces@lists.nottingham.ac.uk">mailto:xerte-dev-bounces@lists.nottingham.ac.uk</a>] <b>On Behalf Of </b>Fay Cross<br><b>Sent:</b> 04 April 2013 09:00<br><b>To:</b> For Xerte technical developers<br><b>Subject:</b> [Xerte-dev] Re: Hotspot Image Connector image sizes<o:p></o:p></span></p></div></div><p class=MsoNormal style='margin-left:36.0pt'><o:p> </o:p></p><p class=MsoNormal style='margin-left:36.0pt'><span style='color:#1F497D'>Hi Ron<o:p></o:p></span></p><p class=MsoNormal style='margin-left:36.0pt'><span style='color:#1F497D'><o:p> </o:p></span></p><p class=MsoNormal style='margin-left:36.0pt'><span style='color:#1F497D'>All the pages that add audio or video call some code in a file called mediaPlayer.js to load them in the page. I’ll move the code used in the textVideo page to here so that it’s not something that I need to remember to add in on every page that can have video. I had completely forgotten to add that to this page to be honest so thanks for noticing.<o:p></o:p></span></p><p class=MsoNormal style='margin-left:36.0pt'><span style='color:#1F497D'><o:p> </o:p></span></p><p class=MsoNormal style='margin-left:36.0pt'><span style='color:#1F497D'>I’ll add your sizing code to the connector page too, although I’ll probably change it to something that’s more flexible at some point.<o:p></o:p></span></p><p class=MsoNormal style='margin-left:36.0pt'><span style='color:#1F497D'><o:p> </o:p></span></p><p class=MsoNormal style='margin-left:36.0pt'><span style='color:#1F497D'>Thanks<o:p></o:p></span></p><p class=MsoNormal style='margin-left:36.0pt'><span style='color:#1F497D'>Fay<o:p></o:p></span></p><p class=MsoNormal style='margin-left:36.0pt'><span style='color:#1F497D'><o:p> </o:p></span></p><div><div style='border:none;border-top:solid #B5C4DF 1.0pt;padding:3.0pt 0cm 0cm 0cm'><p class=MsoNormal style='margin-left:72.0pt'><b><span lang=EN-US style='font-size:10.0pt;font-family:"Tahoma","sans-serif"'>From:</span></b><span lang=EN-US style='font-size:10.0pt;font-family:"Tahoma","sans-serif"'> <a href="mailto:xerte-dev-bounces@lists.nottingham.ac.uk">xerte-dev-bounces@lists.nottingham.ac.uk</a> [<a href="mailto:xerte-dev-bounces@lists.nottingham.ac.uk">mailto:xerte-dev-bounces@lists.nottingham.ac.uk</a>] <b>On Behalf Of </b>Ron Mitchell<br><b>Sent:</b> 03 April 2013 17:17<br><b>To:</b> 'For Xerte technical developers'<br><b>Subject:</b> [Xerte-dev] Re: Hotspot Image Connector image sizes<o:p></o:p></span></p></div></div><p class=MsoNormal style='margin-left:72.0pt'><o:p> </o:p></p><p class=MsoNormal style='margin-left:72.0pt'><span style='color:#1F497D'>Hi Fay<o:p></o:p></span></p><p class=MsoNormal style='margin-left:72.0pt'><span style='color:#1F497D'>sorry I sent this before noticing your commit today!<o:p></o:p></span></p><p class=MsoNormal style='margin-left:72.0pt'><span style='color:#1F497D'><o:p> </o:p></span></p><p class=MsoNormal style='margin-left:72.0pt'><span style='color:#1F497D'>So the audio hotspot now works and the video player loads but shows download file. Can that be made to work the same way as the textVideo page e.g. look for an mp4 of the same name?<o:p></o:p></span></p><p class=MsoNormal style='margin-left:72.0pt'><span style='color:#1F497D'><o:p> </o:p></span></p><p class=MsoNormal style='margin-left:72.0pt'><span style='color:#1F497D'>I've uploaded your updated file but added in my crude sizing to where my test file resides </span><a href="http://mitchellmedia.co.uk/xot/play_html5_64">http://mitchellmedia.co.uk/xot/play_html5_64</a><o:p></o:p></p><p class=MsoNormal style='margin-left:72.0pt'><span style='color:#1F497D'><o:p> </o:p></span></p><p class=MsoNormal style='margin-left:72.0pt'><span style='color:#1F497D'>The only change to your latest file is the following:<o:p></o:p></span></p><p class=MsoNormal style='margin-left:72.0pt'><span style='color:#1F497D'><o:p> </o:p></span></p><p class=MsoNormal style='margin-left:72.0pt'><span style='color:#1F497D'>//RM added crude image resizing based on wizard options<o:p></o:p></span></p><p class=MsoNormal style='margin-left:72.0pt'><span style='color:#1F497D'>//ideally needs to be more flexible/responsive than this e.g. respond to window size<o:p></o:p></span></p><p class=MsoNormal style='margin-left:72.0pt'><span style='color:#1F497D'> if (x_currentPageXML.getAttribute("textWidth") == "none") { <o:p></o:p></span></p><p class=MsoNormal style='margin-left:72.0pt'><span style='color:#1F497D'> var imgMaxW = 760, imgMaxH = 476;<o:p></o:p></span></p><p class=MsoNormal style='margin-left:72.0pt'><span style='color:#1F497D'> }<o:p></o:p></span></p><p class=MsoNormal style='margin-left:72.0pt'><span style='color:#1F497D'> if (x_currentPageXML.getAttribute("textWidth") == "narrow") { <o:p></o:p></span></p><p class=MsoNormal style='margin-left:72.0pt'><span style='color:#1F497D'> var imgMaxW = 600, imgMaxH = 476;<o:p></o:p></span></p><p class=MsoNormal style='margin-left:72.0pt'><span style='color:#1F497D'> }<o:p></o:p></span></p><p class=MsoNormal style='margin-left:72.0pt'><span style='color:#1F497D'>if (x_currentPageXML.getAttribute("textWidth") == "wide") { <o:p></o:p></span></p><p class=MsoNormal style='margin-left:72.0pt'><span style='color:#1F497D'> var imgMaxW = 500, imgMaxH = 476;<o:p></o:p></span></p><p class=MsoNormal style='margin-left:72.0pt'><span style='color:#1F497D'> }<o:p></o:p></span></p><p class=MsoNormal style='margin-left:72.0pt'><span style='color:#1F497D'>if (x_currentPageXML.getAttribute("textWidth") == "max") { <o:p></o:p></span></p><p class=MsoNormal style='margin-left:72.0pt'><span style='color:#1F497D'> var imgMaxW = 400, imgMaxH = 476;<o:p></o:p></span></p><p class=MsoNormal style='margin-left:72.0pt'><span style='color:#1F497D'> } <o:p></o:p></span></p><p class=MsoNormal style='margin-left:72.0pt'><span style='color:#1F497D'><o:p> </o:p></span></p><p class=MsoNormal style='margin-left:72.0pt'><span style='color:#1F497D'>Cheers<o:p></o:p></span></p><p class=MsoNormal style='margin-left:72.0pt'><span style='color:#1F497D'>Ron<o:p></o:p></span></p><p class=MsoNormal style='margin-left:72.0pt'><span style='color:#1F497D'><o:p> </o:p></span></p><div><div style='border:none;border-top:solid #B5C4DF 1.0pt;padding:3.0pt 0cm 0cm 0cm'><p class=MsoNormal style='margin-left:72.0pt'><b><span lang=EN-US style='font-size:10.0pt;font-family:"Tahoma","sans-serif"'>From:</span></b><span lang=EN-US style='font-size:10.0pt;font-family:"Tahoma","sans-serif"'> <a href="mailto:xerte-dev-bounces@lists.nottingham.ac.uk">xerte-dev-bounces@lists.nottingham.ac.uk</a> [<a href="mailto:xerte-dev-bounces@lists.nottingham.ac.uk">mailto:xerte-dev-bounces@lists.nottingham.ac.uk</a>] <b>On Behalf Of </b>Ron Mitchell<br><b>Sent:</b> 03 April 2013 17:05<br><b>To:</b> 'For Xerte technical developers'<br><b>Subject:</b> [Xerte-dev] Hotspot Image Connector image sizes<o:p></o:p></span></p></div></div><p class=MsoNormal style='margin-left:72.0pt'><o:p> </o:p></p><p class=MsoNormal style='margin-left:72.0pt'>Hi Fay/all<o:p></o:p></p><p class=MsoNormal style='margin-left:72.0pt'>I've been testing the html5 playback of the Hotspot Image connector and have one or two questions...<o:p></o:p></p><p class=MsoNormal style='margin-left:72.0pt'><o:p> </o:p></p><p class=MsoNormal style='margin-left:72.0pt'>1. Is the video popup meant to work at the moment e.g. by uploading an .mp4 the same name as the flv?<o:p></o:p></p><p class=MsoNormal style='margin-left:72.0pt'><o:p> </o:p></p><p class=MsoNormal style='margin-left:72.0pt'>2. Likewise sound popup?<o:p></o:p></p><p class=MsoNormal style='margin-left:72.0pt'><o:p> </o:p></p><p class=MsoNormal style='margin-left:72.0pt'>3. I noticed your comments in the code about changing image size based on text size options and have added some crude size changes (see attached and linked example below) I haven't committed that change (but can do?) and I said crude because ideally the image size ought to be more responsive to window size etc rather than fixed dimensions and you've said in your code comments to look at the textGraphics page so I'm guessing you're planning do this at some point? The fixed sizes I've added seem to work ok on my iPad.<o:p></o:p></p><p class=MsoNormal style='margin-left:72.0pt'><o:p> </o:p></p><p class=MsoNormal style='margin-left:72.0pt'>In my test file I've uploaded the tweaked html5 model to change size based on the option chosen and on the last page there are video and audio links which at the moment don't seem to work via html 5 but do via Flash but I'm guessing neither are meant to work yet?<o:p></o:p></p><p class=MsoNormal style='margin-left:72.0pt'><o:p> </o:p></p><p class=MsoNormal style='margin-left:72.0pt'>HTML5 link<o:p></o:p></p><p class=MsoNormal style='margin-left:72.0pt'><a href="http://mitchellmedia.co.uk/xot/play_html5_64">http://mitchellmedia.co.uk/xot/play_html5_64</a><o:p></o:p></p><p class=MsoNormal style='margin-left:72.0pt'><o:p> </o:p></p><p class=MsoNormal style='margin-left:72.0pt'>Flash link<o:p></o:p></p><p class=MsoNormal style='margin-left:72.0pt'><a href="http://mitchellmedia.co.uk/xot/play_64">http://mitchellmedia.co.uk/xot/play_64</a> <o:p></o:p></p><p class=MsoNormal style='margin-left:72.0pt'><o:p> </o:p></p><p class=MsoNormal style='margin-left:72.0pt'>Cheers<o:p></o:p></p><p class=MsoNormal style='margin-left:72.0pt'>Ron<o:p></o:p></p><p class=MsoNormal style='margin-left:72.0pt'><o:p> </o:p></p><p class=MsoNormal style='margin-left:72.0pt'><o:p> </o:p></p><p class=MsoNormal style='mso-margin-top-alt:0cm;margin-right:0cm;margin-bottom:12.0pt;margin-left:72.0pt'><span style='font-size:12.0pt;font-family:"Times New Roman","serif"'><o:p> </o:p></span></p><p class=MsoNormal style='mso-margin-top-alt:0cm;margin-right:0cm;margin-bottom:12.0pt;margin-left:36.0pt'><span style='font-size:12.0pt;font-family:"Times New Roman","serif"'><o:p> </o:p></span></p><p class=MsoNormal style='margin-bottom:12.0pt'><span style='font-size:12.0pt;font-family:"Times New Roman","serif"'><br><br><o:p></o:p></span></p></div></body></html>