比特率JWplayer

时间:2014-07-16 13:05:30

标签: streaming jwplayer wowza bitrate

我无法让jwplayer以不同的比特率工作。

对于每个视频,我正在创建具有不同后缀的新输出文件,这些后缀具有较低的比特率: 例如,     输出1(高比特率):test-original.mp4     输出2(中等比特率):test-medium.mp4     输出2(低比特率):test-low.mp4

输出文件名是动态的,因为用户可以根据需要上传多个不同的视频文件。

jwplayer配置:

jwplayer('video-container').setup({
    'sources':[
       {'file': "rtmps://" + server + "/mp4:" + media + "-original.mp4?t=" + t}
    ],
    startparam: "start",
    'autostart':false,
    'controlbar':'bottom',
    'viral.onpause':false,
    'viral.oncomplete':false,
    'viral.allowmenu':false,
    'width':'470',
    'height':'320',
    'abouttext':''
});

我的问题是我应该如何改变这一点,以便自动jwplayer播放视频 适当的比特率取决于用户的带宽。

由于我无法对此进行测试(仅限于生产中),这是否会改变或需要什么?:

jwplayer('video-container').setup({
    'sources':[
       {'file': rtmps + "://" + server + "mp4:" + media + "-original.mp4?t=" + t},
       {'file': rtmps + "://" + server + "mp4:" + media + "-medium.mp4?t=" + t},
       {'file': rtmps + "://" + server + "mp4:" + media + "-low.mp4?t=" + t}
    ],
    startparam: "start",
    'autostart':false,
    'controlbar':'bottom',
    'viral.onpause':false,
    'viral.oncomplete':false,
    'viral.allowmenu':false,
    'width':'470',
    'height':'320',
    'abouttext':''
});

我使用的是最新版本的jwplayer。 任何帮助将不胜感激。

1 个答案:

答案 0 :(得分:4)

对于RTMP,您需要使用SMIL清单。

http://support.jwplayer.com/customer/portal/articles/1430398-adaptive-rtmp-streaming

这是播放器代码:

jwplayer("myElement").setup({
    file: "/assets/myVideo.smil",
    image: "/assets/myVideo.jpg",
    height: 360,
    width: 640
});

这是SMIL:

<smil>
  <head>
    <meta base="rtmp://example.com/vod/" />
  </head>
  <body>
    <switch>
      <video src="myVideo-high.mp4" height="720" system-bitrate="2000000" width="1280" />
      <video src="myVideo-medium.mp4" height="360" system-bitrate="800000" width="640" />
      <video src="myVideo-low.mp4" height="180" system-bitrate="300000" width="320" />
    </switch>
  </body>
</smil>

请勿使用HDS / F4M作为其中一个来源,因为播放器不支持它。

对于HLS,您还需要创建一个包含多个比特率的HLS清单。

http://support.jwplayer.com/customer/portal/articles/1430240-hls-adaptive-streaming

#EXTM3U
#EXT-X-STREAM-INF:PROGRAM-ID=1,BANDWIDTH=1600000,RESOLUTION=1280x720,NAME="720p HD"
1280/prog_index.m3u8
#EXT-X-STREAM-INF:PROGRAM-ID=1,BANDWIDTH=832000,RESOLUTION=640x360,NAME="360p SD"
640/prog_index.m3u8
#EXT-X-STREAM-INF:PROGRAM-ID=1,BANDWIDTH=320000,RESOLUTION=320x180,NAME="180p 3G"
320/prog_index.m3u8

希望这有帮助!