topical media & game development
[] readme course(s) preface I 1 2 II 3 4 III 5 6 7 IV 8 9 10 V 11 12 afterthought(s) appendix reference(s) example(s) resource(s) _

talk show tell print

lib-flow-example-complex.htm / htm



  <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  <html><head>
  <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
  
  <!-- 
          This is Flowplayer standalone demo. The fastest way to get started. 
          You can freely copy things on your site. All demos can be found from: 
          
          http://flowplayer.org/demos/
  	
  	Enjoy!
  -->
  
  <!-- DOCTYPE is always recommended. see: http://www.quirksmode.org/css/quirksmode.html -->
   
  
  <!-- flowplayer scripts should be loaded from your servers NOT from static.flowplayer.org  -->
  
  <script type="text/javascript" src="lib-flow-example-files-flowplayer-3.js"></script>
  
    
  <!-- some styling for the standalone page. this line can (or must) be removed -->
  <link rel="stylesheet" type="text/css" href="lib-flow-example-files-standalone.css">
  
  <style>
  /* container has a background image */
  a.player {        
          margin-top:40px;
          display:block;
          background:url(/img/player/splash.png) no-repeat;
          width:425px;
          height:298px;
          padding:0 126px 75px 127px;        
          text-align:center;
          color:#fff;
          text-decoration:none;
          cursor:pointer;
  }
  
  /* splash image */
  a.player img {
          margin-top:115px;
          border:0;        
  }
  
  </style>        
  
  <script>
  
  // setup player 
  f("player", "swf/flowplayer-3.1.0.swf", {
  
          // common clip: these properties are common to each clip in the playlist
          clip: { 
                  // by default clip lasts 5 seconds
                  duration: 5                
          },
          
          // playlist with four entries
          playlist: [
                  
                  // JPG image
                  'url: @walk.jpg', 
                  
                  // SWF file
                  {url: 'swf/clock.swf', scaling: 'fit'},
                  
                  // video
                  'http://blip.tv/file/get/KimAronson-TwentySeconds58192.flv',
  		
  		// another image. works as splash for the audio clip
                  {url: '@walk.jpg', duration: 0},
                  
                  // audio, requires audio plugin. custom duration
                  {url: '../assets/sound/samples/GS6.mp3', duration: 25}                
  
          ],
          
          // show playlist buttons in controlbar
          plugins:  {
                  controls: {
                          playlist: true,
                          
                          // use tube skin with a different background color
                          url: 'flowplayer.controls-tube-3.1.0.swf', 
                          backgroundColor: '#aedaff'
                  } 
          }        
  });
  </script>
  </head>
  <body>
  <a id="player" class="player">
  <object id="player_api" data="lib-flow-example-files-flowplayer-3.swf" type="application/x-shockwave-flash" width="100%" height="100%">
  <param name="allowFullScreen" value="true">
  <param name="allowscriptaccess" value="always">
  <param name="quality" value="high">
  <param name="bgcolor" value="#000000">
  <param name="flashvars" value="config={&quot;clip&quot;:{&quot;duration&quot;:5},&quot;playlist&quot;:[{&quot;url&quot;:&quot;/img/tutorial/tap-splash.jpg&quot;,&quot;duration&quot;:5},{&quot;url&quot;:&quot;swf/clock.swf&quot;,&quot;scaling&quot;:&quot;fit&quot;,&quot;duration&quot;:5},{&quot;url&quot;:&quot;http://blip.tv/file/get/KimAronson-TwentySeconds58192.flv","duration":5},{"url":"/img/demos/national.jpg","duration":0},{"url":"/demos/plugins/fake_empire.mp3","duration":25}],"plugins":{"controls":{"playlist":true,"url":"flowplayer.controls-tube-3.1.0.swf","backgroundColor":"#aedaff"},"playerId":"player"}">
  </object></a>
  
  </body></html>
[] readme course(s) preface I 1 2 II 3 4 III 5 6 7 IV 8 9 10 V 11 12 afterthought(s) appendix reference(s) example(s) resource(s) _

(C) Æliens 20/2/2008

You may not copy or print any of this material without explicit permission of the author or the publisher. In case of other copyright issues, contact the author.