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

来源:互联网 发布:淘宝成功有哪些因素 编辑:程序博客网 时间:2024/05/29 18:04
  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





原创粉丝点击