Akamai MultiPlayer for Adobe Flash: User Guide
Contents
1. it on various versions of web browser applications Fire Fox 2 3 Internet Explorer 6 7 Safari and or Opera and various versions of operating systems Windows XP Vista Mac OS and or Linux to ensure the optimal end user experience Keep in mind that SWFObject uses syntax that provides a wide range of browser and operating system compatibility Deploy the web page Once you have determined that your player is configured and functions as desired you simply need to deploy your web page into your production web site Troubleshooting Debug trace panel The built in debug trace panel provides a log for troubleshooting playback issues Figure 3 below shows the debug trace panel a v CLEAR COPY 155898 NetStream Seek Notify at 4 625 155873 EVENT BUFFER FULL Experience HD video as 155867 NetStream Buffer Flush at 4 625 i ae professional skydivers leap from 155565 NetStream Play Start at 4 209 Ce RE breath taking heights 155537 EVENT SEEK i 154547 EVENT_BUFFER_FULL 154541 NetStream Buffer Flush at 4 209 154405 NetStream Play Start at 3 794 S Brian Cooley of CNET com helps 154398 NetStream Seek Notify at 3 794 f you make sense of HDTV 154361 EVENT SEEK my resolution 152975 EVENT BUFFER FULL i td 152971 NetStream Buffer Flush at 3 794 152206 NetStream Play Start at 3 484 SP 152199 NetStream Seek Notify at 3 484 Kurt Kobain About A Son is an 152161 EVENT SEEK intimae and moving meditation on 1502. lt script type text javascript gt var flashvars charset 1s0 8859 1 gt src rtmp 3A cp27886 edgefcs net ondemand 14808 nocc small307K flv autostart true themeColor 03950058 mode sidebyside scaleMode fit Li var params var attributes he swfobject embedSWF AkamaiFlashPlayer swf expre lt sc lt he id myPlayer name myPlayer allowFullScreen true ssiInstall swf ript gt ad gt lt body gt lt div id myPlayerGoesHere gt flashvars params myPlayerGoesHere attributes lt a href http www adobe com go getflashplayer gt 802 TAB 9T 9 00 OR Akamai lt img src http www adobe com images shared download_ buttons get flash player gif alt Get Adobe Flash player lt a gt Ul gt Page 11 2 27 2009 Car Akamai Multi Player for Adobe Flash User Guide amal lt div gt lt body gt lt html gt Appendix C Dynamic stream switching Adobe dynamic stream switching requires derivatives of your source content at specific data rates you define and the media player application must know about these derivatives This can be accomplished using a SMIL document that has a format supported by Adobe and the FLVPlayback component Below is a sample file lt smil gt lt head gt lt meta base rtmp cp67126 edgefcs net ondemand gt lt head gt lt body gt lt switch gt lt video src
3. mp4 mediapm ovp content demo video elephants dream elephants dream 768x428 24 0fps 408kbps mp4 system bitrate 408000 gt lt video src mp4 mediapm ovp content demo video elephants dream elephants dream 768x428 24 0fps 608kbps mp4 system bitrate 608000 gt lt video src mp4 mediapm ovp content demo video elephants dream elephants dream 1024x522 24 0fps 908kbps mp4 system bitrate 908000 gt lt video src mp4 mediapm ovp content demo video elephants dream elephants dream 1024x522 24 0fps 1308kbps mp4 system bitrate 1308000 gt lt video src mp4 mediapm ovp content demo video elephants dream elephants dream 1280x720 24 0fps 1708kbps mp4 system bitrate 1708000 gt lt switch gt lt body gt lt smil gt NOTE If you host the SMIL document on a different domain than where your player SWF resides you will need a cross domain file in the root path of the web server where the SMIL document resides Appendix D References Articles Adobe Developer Connection Flash Player Developer Center Detection and Installation http www adobe com devnet flashplayer detection installation html Flash Embedding Cage Match http www alistapart com articles flashembedcagematch Page 12 2 27 2009 Akamai Multi Player for Adobe Flash User Guide Google Code SWFObject http code google com p swfobject Adobe Tech Note Using FlashVars to pass variables to a SWF http kb adobe com selfservice viewContent do externalld tn 16
4. 417 RSS 2 0 specification http www rssboard org rss specification Yahoo Media RSS specification http search vahoo com mrss Sample content links The following sample content links are provided for testing purposes e AMD on demand streaming video H 264 rama o rtmp cp67126 edgefcs net ondemand mp4 mediapm ovp content demo video elephants dre am elephants dream 768x428 24 0fps 608kbps mp4 e AMD progressive download video H 264 o http mediapm edgesuite net ovp content demo video elephants dream elephants dream 76 8x428 24 0fps 608kbps mp4 e AMD live streaming video H 264 o rtmp cp34973 live edgefcs net live Flash Live BenchmarkQ632 e AMD dynamic streaming o http mediapm edgesuite net ovp content demo smil elephants dream smil e AMD on demand streaming audio only MP3 o rtmp cp67126 edgefcs net ondemand mediapm ovp content test video nocc_small mp3 e Stream OS on demand streaming video type 4 metafile H 264 o http products edgeboss net flash products content demo video elephants dream 768x428 2 4 0fp5s 608kbps mp4 xmivers 4 e Stream OS progressive download video H 264 o http products edgeboss net download products content demo video elephants dream 768x4 28 24 0fps 608kbps mp4 e Stream OS RSS feed on demand streaming video VP6 o http rss streamos com streamos rss genfeed php feedid 1675 amp groupname products e Stream OS RSS feed progressive download video VP6 o http rss s
5. 570 EVENT BUFFER FULL the late musician and artist 150566 NetStream Buffer Flush at 3 484 149948 NetStream Play Start at 2 964 149937 NetStream Seek Notify at 2 964 149913 EVENT SEEK a Five years and two hundred 148619 EVENT BUFFER FULL a a locations earth is a breathtaking 148615 NetStream Buffer Flush at 2 964 pa tour of our awe inspiring 148522 NetStream Seek Notify at 2 964 148116 NetStream Play Start at 2 864 148089 EVENT SEEK 145447 EVENT BUFFER FULL Elephants Dream is the world s 1 45344 NetStream Seek Notify at 2 864 with open source graphics 144984 NetStream Play Start at 30 511 144945 EVENT SEEK gt 00 04 Page 7 2 27 2009 Gxemai Akamai Multi Player for Adobe Flash User Guide Figure 3 Debug trace panel The panel displays trace statements for significant application events including all underlying NetConnection and NetStream status events with latest events at the top This can be critical along with end user details such as operating system browser and plug in Clear and Copy buttons are provided to respectively clear the contents of the panel and copy the contents to the clipboard to send to others for further analysis Appendix A Configuration options The following is a list of required and optional configuration options Name Description Necessity Defined Values Default Value Src The source URI Required This must be a of the content valid and w
6. Basic Media Player including version support end user installation experience and more For more details on Flash Player detection and installation visit the Flash Player Developer Center in the Adobe Developer Connection a resource for learning about Adobe products and services http www adobe com devnet flashplayer detection installation htmi For a great perspective on the considerations for embedding Flash content visit http www alistapart com articles flashembedcagematch SWFObject is highly recommended for embedding the Akamai Basic Media Player Appendix B provides an example of the syntax that is required using SWFObject For more details on this method visit http code google com p swfobject Page 6 2 27 2009 Car Akamai Multi Player for Adobe Flash User Guide amai Configure the MultiPlayer After you have created your web page you next need to define the configuration options for the player All options for the MultiPlayer are configured using the FlashVars property of the Adobe Flash Player plug in This property provides an efficient method of dynamically passing the configuration options for the MultiPlayer from the web page when the player is loaded For more details on the FlashVars property visit http kb adobe com selfservice viewContent do externalld tn 16417 Test the player After you have configured the player the next step is to test the web page that references the player If possible you should test
7. Gxemai Akamai Multi Player for Adobe Flash User Guide Akamai MultiPlayer for Adobe Flash User Guide Contents Mol 2 Mur Nr 2 PILVET 880 161 910 ENE ET 3 Vaco ALP EEE EET A E 4 PANT NNN 4 PAN 4 ENTEN 5 Content NNN NE 5 oe NNN 5 MP OL 5 Advanced configuration and deployment considerationsS rrrrrrrrnnrrnnnnrnnnnrrnnnrrnnnernnnernnnsrnnnsernnnernnernnnernnnsnnuseneee 6 roe 7 DEDUCE CE So g EEE EEE EEE eran ee one es aeeer 7 Appendix A Configuration OP NON eee RE 8 Appendix B Example deployment web page cccccscccsseccseccseceseccsecceneceseeesecesneesseeeeeeeeeeeeeesenecseeeseneeseeseeeseneeageees 10 Appendix C Dynamic stream switching rrrrnnrrnnnrnnnrrnnnrnnnrrnnrrnnsrnnnrnnnsrnnnvnnnsrnnsrnnnvnnnsrnnernnnsnnnsrnnnsnnnsnnnnennnsnnnsennesnneee 12 AE B NN SNCS EE EE EE E 12 Pa og EE ENE EN 12 SUIT VS Oi EEE DE SETE DEN 13 Page 1 2 27 2009 Akamai Multi Player for Adobe Flash User Guide Gamal Introduction This document is a quick reference for using the Akamai MultiPlayer for Adobe Flash The Akamai MultiPlayer is a ready to deploy media player application for Flash media content It is light flexible and based on open standards This user guide will walk you through the features in the Akamai MultiPlayer and describe how to deploy it for use with your Flash media content MultiPlayer features The Akamai MultiPlayer offers a robust platform based on Adobe ActionScript 3 for the playback of a
8. ai Akamai Multi Player for Adobe Flash User Guide o Native where the video is scaled to the native size it was encoded at Note that this size may be larger than the player that is trying to render the video in which case the video will be centered within the available player space o Native or smaller where the video will be scaled to its native size unless that is larger than the player in which case fit scaling will be invoked e Standard playback controls Common playback functionality including play pause volume scrub seek current position duration e Fullscreen mode Maximize the video display dimensions and retain access to the playback controls e Social media options Provides access to link and embed data for player re distribution e Playlist visibility Hide or show the play list during playback e Troubleshooting Built in debug screen to assist with debugging connection and play back problems e Multiple delivery formats Play content using a variety of delivery options On demand Live Streaming Progressive Yahoo Media Stream OS Dynamic Streaming Download RSS Play Lists Metafiles Stream Switching Play Lists Akamai Yes Yes Yes Media Delivery AMD a a GE GE Notes 1 Play list support currently includes any play list that is compliant with the Yahoo Media RSS specification and has a file extension of xml or rss 2 Stream OS metafiles includes types 1 2 and 4 Dyn
9. amic streaming switching includes support for the SMIL 1 0 definition supported by the Adobe FLVPlayback component The section Configuration and deployment provides more details and Appendix C provides a sample Player components The MultiPlayer has several components These include Video display Playback control bar Play list panel i Context menu Figure 2 below shows these components Page 3 2 27 2009 Akamai Multi Player for Adobe Flash User Guide Gaeomei er DO Experience HD video as az Ress professional skydivers leap from i breath taking heights Akamai Basic Player v1 0 Brian Cooley of CNET com helps you make sense of Toggle layout mode overlay side by side resolution gt ven i Kurt Kobain About A Son is an Video scale NATIVE intimae and moving meditation on Video scale NATIVE OR SMALLER the late musician and artist Toggle debug trace panel 9 1 a Five years and two hundred Settings locations earth is a breathtaking About Adobe Flash Player 10 gt tour of our awe inspiring Elephants Dream is the world s first open movie made entirely with open source graphics h Figure 2 MultiPlayer components Video display The video display is where the video can be viewed Playback control bar The playback control bar enables the end user to do the following e Play and pause the current content playing e Scrub seek through the timel
10. ell which the structured player is reference to expected to AMD or Stream play OS content ora HTTP link to progressive content on any web server mode The layout Optional overlay sidebyside mode sidebyside scaleMode The starting Optional fit fit scaling mode for the video stretch native nativeorsmaller frameColor The HEX value Optional 333333 Ox or are for the frame not required color Page 8 2 27 2009 Akamai Multi Player for Adobe Flash User Guide fontColor themeColor Gxemai CCCCCC Ox or are not required 0395D3 Ox or are not required true If set to false the player will render the first keyframe in the video to create a splash screen and then stop This parameter must be escaped URL encoded or else it will mask other FlashVar attributes Note that the button to surface the link embedded panel will only be visible if either the link or embed parameter has a Page 9 2 27 2009 The HEX value Optional for the frame color The HEX value Optional for the frame color Used for button mouse over highlights scrub bar shading volume control shading and playlist title font color Defines Optional whether the video starts playing after the player is loaded The URL which Optional the user can use to link toa mounted instance of the player rama Akamai Multi Player for Adobe Flash User Guide non
11. empty string value The URL which Optional This parameter the user can must be escaped use to embed URL encoded the player or else it will mask other FlashVar attributes Note that the button to surface the link embedded panel will only be visible if either the link or embed parameter has a non empty string value 1 Inorder for full screen mode to be functional the player must be embedded in the web page with the allowFullScreen set to true 2 The minimum embed width for the player varies depending on how it is configured See the table below for the minimum width in various configurations me Overlay Mode Side by Side Mode Full screen or Share Full screen and Full screen or Full screen and pixels Share pixels Share pixels Share pixels Appendix B Example deployment web page As an example view the HTML script below This requires that the swfobject js and expressinstall swf files to be located in the same folder as the HTML file Page 10 2 27 2009 Akamai Multi Player for Adobe Flash User Guide lt DOCTYPE html PUBLIC W3C DTD XHTML 1 0 Strict EN http www w3 org TR xhtmll DTD xhtmll strict dtd gt lt html xmlns http www w3 org 1999 xhtml lang en xml lang en gt lt head gt lt title gt SWFObject dynamic embed lt title gt lt meta http equiv Content Type content text html lt script type text javascript src swfobject js gt lt script gt
12. iPlayer supports all Flash video and audio formats and in particular all streaming formats supported by FMS 3 5 Encoding guidelines can be found in the Adobe Developer Connection community site at http www adobe com devnet e The MultiPlayer supports RSS feeds for play lists Specifically this means that you must comply with the RSS 2 0 and Yahoo Media RSS specifications For more information on these specifications check out the links in Appendix D of this document It is important to note that if you host the RSS feed on a different domain than where your player SWF resides you will need a cross domain file in the root path of the web server where the RSS feed resides e Dynamic streaming requires a reference to various properties for all of your content derivatives The MultiPlayer requires the use of a SMIL document for this purpose For more information on the syntax of the SMIL document check out the sample in Appendix C of this document If you host the SMIL document on a different domain than where your player SWF resides you will need a cross domain file in the root path of the web server where the SMIL document resides Configuration and deployment Use of the MultiPlayer requires configuration and deployment like any Flash SWF application A configuration tool is available which enables a simple intuitive approach to configuring and deploying the player MultiPlayer configuration tool This tool will enable you to e Intuiti
13. ine of the current content playing e Adjust the volume audio level e View the current and remaining time for the current content playing e View an indication of how much of the current content playing has downloaded progressive download only e Toggle the play list display mode displayed only when a play list is in use e Toggle full screen display mode e Provide link and embed code for the player e View an indication of quality dynamic streaming only Play list panel The play list panel lists the content in a play list The play list panel enables end users to do the following e View the metadata for each item in the play list e View an indication of which item is currently playing e Scroll up and down through the play list e Select an item in the play list for playback Page 4 2 27 2009 Akamai Multi Player for Adobe Flash User Guide Gxamai Context menu The context menu is a floating menu that can be activated by right clicking anywhere on the player The context menu enables end users to do the following e Toggle the layout mode e Toggle the video scaling mode e Toggle the debug trace panel e Toggle the switching mode manual versus automatic dynamic streaming only e Manually switch to content with a higher data rate dynamic streaming only e Manually switch to content with a lower data rate dynamic streaming only Content preparation The following should be considered when preparing content e The Mult
14. treamos com streamos rss genfeed php feedid 1679 amp groupname products Page 13 2 27 2009 Akamai Multi Player for Adobe Flash User Guide Coma Page 14 2 27 2009
15. vely configure the customizable options in the player e Preview the player with the options configured Page 5 2 27 2009 Gxemai Akamai Multi Player for Adobe Flash User Guide e Generate and export the syntax based on SWFObject necessary to reference the player in your web page The tool is written in Flex and requires the Flash Player plug in The tool can be accessed from the OVP SourceForge site here http openvideoplayer sourceforge net get started For more details on the configuration options please refer to Appendix A Configuration options in this document Advanced configuration and deployment considerations Using the MultiPlayer does not require the configuration tool Configuration and deployment of the player outside of the configuration tool can provide additional flexibility but requires a good understanding of how to deploy a Flash SWF application Specifically Create a web page that references the MultiPlayer configuration Configure the MultiPlayer Test the player on your web server ll alt 5 Deploy the web page Create a web page Using the Akamai Basic Media Player requires you to reference the player in a web page just like any Flash Flex application Commonly known as embedding this can be accomplished many ways and can involve several languages such as HTML and JavaScript all of which depends on the considerations you make around the configuration options for the Flash Player plug in and the
16. wide variety of streaming and progressive media delivered by the Akamai platform The figure below shows the playback of a play list of on demand Flash video streaming content in the MultiPlayer xperience HD video as rofessional skydivers leap from reath taking heights rian Cooley of CNET com helps j f HDTV ob bain About A Son is an intimae and moving meditation on e sician and artist Five years and two hundred 4 locations earth is a breathtaking tour of our awe inspiring Figure 1 The playback of a play list through the Akamai MultiPlayer Specific features include e Dynamically scalable All views are re scaled and positioned each time the flash player is resized e Two layout modes Different layouts for the controls and play list that can be toggled at anytime during playback o Overlay where the controls are overlaid over the video and hide themselves if you mouse off the player o Side by side where the controls are permanently on the screen and the playlist view is located to the right of the video content area e Four video scaling modes Different video scaling that can be toggled at anytime during playback o Fit where the video is scaled as large as possible to fit within the confines of the player while still preserving its native aspect ratio o Stretch where the video is is stretched to fit exactly within the confines of the player Native aspect ratio is not preserved Page 2 2 27 2009 Gxem
Download Pdf Manuals
Related Search