首页 文章

videojs:使用优质选择下载/流式传输视频

提问于
浏览
1

我想创建一个视频流媒体网站,像youtube和我've been stuck on 2 requirements which I'我不确定 videojs 是否解决 .

  • 说有_427115已经看到像HLS和DASH这样的流格式,解决了这个问题(在Chrome的网络选项卡上查看,我看到视频播放时下载的块) . 但另一方面,我认为它阻止了我的第二个要求 .

  • 不同的质量选择 . 我正在查看videojs-contrib-hls并看到并通过查看演示和adaptive bitrate switching文档,看起来视频的质量是由某些策略自动选择的(可以被覆盖),但不能由用户专门选择 .

我想知道我是不是能正确理解事情?浏览器是否足够智能以实现我自己的第一个要求?

1 回答

  • 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
                }
            });
    
        })
    

相关问题