flash视频播放jw player的使用流程(与rails的整合)

  1.  下载文件
    http://www.longtailvideo.com/players/
  2. 将jwplayer.js 和 player.swf 文件复制到 public 目录下
    cp jwplayer.js to  javascripts/
    cp player.swf to  public/jwplayer
  3. code  加载jwplayer文件
    <%=javascript_include_tag "jwplayer" %>
  4. 简单的启动代码如下
    jwplayer("container").setup({ autostart: true, controlbar: "none", file: "/videos/video.mp4", duration: 57, flashplayer: "/jwplayer/player.swf", volume: 80, width: 720 });
  5. 可以使用plugin参数,设置hd高清视频和google统计
    参考代码
    plugins: { hd: { file: "/videos/video_high.mp4", fullscreen: true }, gapro: { accountid: "UKsi93X940-24" } },
  6. 皮肤下载地址
    http://www.longtailvideo.com/addons/skins
  7. 如何实现jwplayer的直播模式?
    在播放流媒体的时候,我们希望用户不能点击暂停,因为直播的流媒体对时间的要求比较严格,暂停会出现失步。
    我的解决办法是
      events: {
                    onPause: function(event) {
                            jwplayer().play();
                    }
              }

    在点击暂停后,马上开始播放,有点取巧。
    完整的代码如下
        jwplayer(options.id).setup({
              flashplayer: "/jwplayer/player.swf",
              autostart: autostart,
              file: url,
              stretching: 'fill',
              controlbar: 'bottom',
              skin: '/jwplayer/skins/glow.zip',
              width: width,
              height: height,
              events: {
                    onPause: function(event) {
                            jwplayer().play();
                    }
              }
    
  8. jwplayer的wiki
    http://www.longtailvideo.com/support/jw-player/jw-player-for-flash-v5/12540/javascript-api-reference#Events





你可能感兴趣的:(flash视频播放jw player的使用流程(与rails的整合))