我想创建一个像youtube这样的视频流网站,但我一直坚持2个要求,我不确定videojs
是否可以解决。
videojs-contrib-hls
,并查看了演示和adaptive bitrate switching文档,似乎视频的质量是由某些政策(可以覆盖)自动选择的,但不能由用户专门选择。我想知道我是否理解不正确?浏览器足够聪明,可以自己满足我的第一个要求吗?
答案 0 :(得分:0)
您可以通过以下方式满足您的第二个要求。
//initilaize your player
var player = videojs(element_id);
player.ready(function () {
player.src({
src: hls_url,
type: 'application/x-mpegURL'
});
player.play();
});
player.on('loadedmetadata', function () {
var _hls = player.hls;
//get quality list
var quality_list = _hls.representations(); //load it to your custom dropdown
//you can change quality using below (it will select quality greater than 720)
_hls.representations().forEach(function (rep) {
//you can change the condition as per your dropdown selection
if (rep.width > 720) {
rep.enabled(true); //select this quality
} else {
rep.enabled(false); //disable this quality
}
});
})