tag:blogger.com,1999:blog-8797996924214395472024-03-08T00:02:44.434-08:00Don's Code-box...donvoorhieshttp://www.blogger.com/profile/18262183296995026087noreply@blogger.comBlogger2125tag:blogger.com,1999:blog-879799692421439547.post-30259332471383517162009-09-04T01:17:00.000-07:002009-09-07T05:04:56.006-07:00Various Inline Media Players - Satay'ed<span style="font-family: trebuchet ms; font-size: 85%;">A while back, inspired by Drew McLellan's article in <a href="http://www.alistapart.com/articles/flashsatay/" style="font-family: trebuchet ms;">A List Apart</a> regarding how to embed Flash-content, and still support W3.org's xhtml-standards (a.k.a.: "The Satay-method"), I decided back then to try and figure out, if one could do something similar with other embedded media-types, such as Windows Media Player, Realplayer and QuickTime.</span><br />
<br />
<div style="font-family: "Trebuchet MS",sans-serif;"><span style="font-size: small;"><b>Windows Media Player:</b></span><br />
<object data="http://80.63.55.156/dwv/m3u/can_hiband.m3u" height="66" id="playersize" type="application/x-mplayer2" width="320"> <param name="src" value="http://80.63.55.156/dwv/m3u/can_hiband.m3u" /><param name="enablecontextmenu" value="0" /><param name="showpositioncontrols" value="1" /><param name="showstatusbar" value="1" /><param name="autostart" value="0" /><param name="autoplay" value="0" />Get the m3u-playlist from: <a href="http://80.63.55.156/dwv/m3u/can.m3u" title="Click to download...">http://80.63.55.156/dwv/m3u/can_hiband.m3u</a></object></div><span style="font-size: x-small;"><br />
</span><br />
<div font-size:="" small;="" style="font-family: "Trebuchet MS",sans-serif;"><span style="font-size: x-small;"><b>The Satay-code for Windows Media Player:</b></span><br />
<span style="font-size: xx-small;"><b><object data="(Abslolute URL-path to a media-file)" height="66" id="playersize" type="application/x-mplayer2" width="320"><br />
<param name="src" value="(Abslolute URL-path to a media-file)" /><br />
<param name="enablecontextmenu" value="0" /><br />
<param name="showpositioncontrols" value="1" /><br />
<param name="showstatusbar" value="1" /><br />
<param name="autostart" value="0" /><br />
<param name="autoplay" value="0" /><br />
Get the m3u-playlist from: <a href="(Abslolute URL-path to a media-file) title="Click to download...">(Abslolute URL-path to a media-file)</a><br />
</object></b><b style="font-family: "Trebuchet MS",sans-serif;"> </b></span><br />
<br />
<span style="font-size: small;"><span style="font-size: small;"><b style="font-family: "Trebuchet MS",sans-serif;">QuickTime:</b></span><br />
<object codetype="anything" data="http://80.63.55.156/dwv/m3u/can_hiband.m3u" height="20" id="playersize" type="video/quicktime" width="320"> <param name="src" value="http://80.63.55.156/dwv/m3u/can_hiband.m3u" /><param name="autoplay" value="false" /><param name="controller" value="true" /><param name="kioskmode" value="true" />Get the m3u-playlist from: <a href="http://80.63.55.156/dwv/m3u/can.m3u" title="Click to download...">http://80.63.55.156/dwv/m3u/can.m3u</a> </object></span></div><span style="font-size: small;"><br />
<span style="font-family: "Trebuchet MS",sans-serif; font-size: x-small;"><b>The Satay-code for QuickTime:</b></span><br />
<span style="font-size: x-small;"><span style="font-size: xx-small;"><b style="font-family: "Trebuchet MS",sans-serif;"><object id="playersize" type="video/quicktime" data="(Abslolute URL-path to a media-file)" codetype="anything" height="20" width="320";><br />
<param name="src" value="(Abslolute URL-path to a media-file)" /><br />
<param name="autoplay" value="false" /><br />
<param name="controller" value="true" /><br />
<param name="kioskmode" value="true" /><br />
Get the m3u-playlist from:<br /><a href="(Abslolute URL-path to a media-file)" title="Click to download...">(Abslolute URL-path to a media-file)u</a><br />
</object></b></span><br />
</span><br />
</span><br />
<div "trebuchet="" font-family:="" ms",sans-serif;="" style="font-family: "Trebuchet MS",sans-serif; font-size: small;"><span style="font-size: small;"><b>RealPlayer:</b></span></div><span style="font-size: small;"><object data="http://80.63.55.156/dwv/m3u/can_hiband.m3u" height="160" id="playersize" type="audio/x-pn-realaudio-plugin" width="320"> <param name="controls" value="default" /><param name="autostart" value="false" /><param name="src" value="http://80.63.55.156/dwv/m3u/can_hiband.m3u" />Get the m3u-playlist from: <a href="http://80.63.55.156/dwv/m3u/can_hiband.m3u" title="Click to download...">http://80.63.55.156/dwv/m3u/can_hiband.m3u</a> </object></span><br />
<span style="font-size: small;"><br />
</span><br />
<div "trebuchet="" font-family:="" ms",sans-serif;="" style="font-family: "Trebuchet MS",sans-serif; font-size: x-small;"><span style="font-size: x-small;"><b>The Satay-code for RealPlayer:</b></span></div><div font-size:="" style="font-family: "Trebuchet MS",sans-serif;" x-small;=""><span style="font-size: xx-small;"><b><object id="playersize" type="audio/x-pn-realaudio-plugin" data="(Abslolute URL-path to a media-file)"</b></span><b><span style="font-family: "Trebuchet MS",sans-serif; font-size: xx-small;"> height="66" width=</span><span style="font-family: "Trebuchet MS",sans-serif; font-size: xx-small;">"320"</span><span style="font-family: "Trebuchet MS",sans-serif; font-size: xx-small;">></span></b><br />
<span style="font-size: xx-small;"><b> <param name="controls" value="default" /><br />
<param name="autostart" value="true" /><br />
<param name="src" value="(Abslolute URL-path to a media-file)" /><br />
Get the m3u-playlist from:<br /><a href="(Abslolute URL-path to a media-file)" title="Click to download...">(Abslolute URL-path to a media-file)</a><br />
</object></b></span></div><span style="font-size: small;"></span>donvoorhieshttp://www.blogger.com/profile/18262183296995026087noreply@blogger.comtag:blogger.com,1999:blog-879799692421439547.post-33342413927491200162007-04-24T05:07:00.000-07:002007-05-31T04:31:29.419-07:00The Satay-method and handling a missing SWF-plugin...<span style="font-size:85%;"><span style="font-family:trebuchet ms;">This might seem kind of trivial, but I've had a number of students, whom have asked me:<br /><br /></span><span style="font-family:trebuchet ms;">"The Satay-method doesn't code-wise take into account, if a client doesn't have the (necessary) SWF-plugin installed! What can you do about that?"</span><br /><br /><span style="font-family:trebuchet ms;">And they're right - even though Drew McLellan does actually mention a workaround for this in his excellent article about the Satay-method at:</span><br /><a style="font-family: trebuchet ms;" href="http://www.alistapart.com/articles/flashsatay/" target="_blank">http://www.alistapart.com/articles/flashsatay/</a><br /><span style="font-family:trebuchet ms;">and in his posted article at:</span><br /><a style="font-family: trebuchet ms;" href="http://www.adobe.com/devnet/dreamweaver/articles/flash_satay.html" target="_blank">http://www.adobe.com/devnet/dreamweaver/articles/flash_satay.html</a><br /><br /><span style="font-family:trebuchet ms;">by just including a "sacrificial movie" at the front of a site which has the </span><code style="font-family: trebuchet ms;">codebase</code><span style="font-family:trebuchet ms;"> attribute;</span><span style="font-family:trebuchet ms;"> something which I'm not all that keen on, TBH...</span><br /><span style="font-family:trebuchet ms;"><br />I mean, why make an extra swf-file and add some extra html-coding, when it can all be done in one go?</span></span><br /><span style="font-size:85%;"><span style="font-family:trebuchet ms;"><br />So IMO, the simple answer to that one, is to put the following code in-between the LAST "param"-tag and the </object>-tag:<br /><br /></span><span style="font-style: italic;font-family:trebuchet ms;" ><span style="color: rgb(0, 0, 0);font-size:85%;" >No Flash-content?<br/>: >></span><span style="font-size:85%;"><br /></span><span style="color: rgb(0, 0, 0);font-size:85%;" ><a href="http://www.adobe.com/shockwave/download/download.cgi? >><br />P1_Prod_Version=ShockwaveFlash&promoid=BIOW"> >><br /><img >> src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" >><br />alt="Get the latest Flash-plugin from adobe.com..." /></a></span><br /></span><span style="font-family:trebuchet ms;"><br />NOTE: The ">>" in the code above denotes line-breaks...<br /><br />So remember when pasting the code above into your (x)html-document that it has to be in one long string, to avoid unintended line-breaks etc. ...</span><span style="font-style: italic;font-family:trebuchet ms;" ><br /></span></span>donvoorhieshttp://www.blogger.com/profile/18262183296995026087noreply@blogger.com