Question

我正在使用videoJs播放器播放视频，我需要知道videoJS中是否有对mpeg-dash的支持？ ..我引用此链接http://msdnrss.thecoderblogs.com/2014/01/mpeg-dash-tutorial-embedding-an-adaptive-streaming-video-within-your-html5-application-2/来播放mpeg-dash视频。

代码

 videojs(this.get('element')); //here this.get('element') refers to video object
 var url= .mpd manifest file
 var context = new Dash.di.DashContext();
 var player = new MediaPlayer(context);
 player.startup();
 player.attachView(this.get('element')); //
 player.attachSource(url);

现在mpeg-dash视频会播放但是videoJS和Dash没有相互关联，所以我需要知道，我如何将dash绑定到videoJs播放器？

Answer 1

您可能需要查看此链接：https://github.com/videojs/video.js/issues/752，表示您需要在视频元素上指定type属性（特别是type =“application / dash + xml”）。此外，我不确定Safari是否支持DASH（或将永远），但最新版本的Chrome / Firefox应该。

Answer 2

您可以切换到dash.js或bitdash进行MPEG-DASH播放。据我所知，还有一个dash.js的video.js包装器。

Answer 3

请参阅videojs-contrib-dash

  const options = {
         "preload": "auto",
         "width":"600 px",
         hls: {
           withCredentials: true
         },
         plugins: {
           videoJsResolutionSwitcher: {
             // default: 'high',
             dynamicLabel: true
           }
         },
         html5: {
          nativeCaptions: false,
          dash: {
            setLimitBitrateByPortal: false,
            // setMaxAllowedBitrateFor: ['video', 2000]
          }
        }
      };
         videojs.options.flash.swf = "http://vjs.zencdn.net/4.2/video-js.swf"
         this.video = videojs(this.videoElement.nativeElement,options);
         this.video.src([
             {
               type: "application/dash+xml",
               src: "your url",
               }
           ]);

与videoJs播放器的Mpeg-dash代码集成

3 个答案: