• LiveNVR H5无插件直播方案前端构建之:如何播放HLS


    之前在进行LiveNVR多屏开发的时候,由于多屏功能不需要在手机端展示出来(pc多播放为RTMP,手机端播放为HLS),因此只注意到了引用videojs来进行rtmp的播放。由于不同项目需求不同,对hls流的播放也需要体现出来。

    videojs在播放rtmp时,是调用Flash来进行播放的,在播放hls时是调用h5来播放的。

    <source src="hls地址" type="application/x-mpegURL">
    
    <source src="rtmp地址" type="video/mp4">
    

    主要的不同点在于type的形式

    当我们在标签中引用videojs时会通过data-setup=’’;来进行控制,我们有时默认为空,由videojs自己来觉定,但是必须要有该属性;

    如果是要播放 hls 就改成這樣

    data-setup=’{“techOrder”: [“hls”]}’ ;
    播放h5或flash,同理;

    如果 我们播放方hls, video type 一定要是 type=“application/x-mpegURL”;
    其他更多的用法请参考官网文档:http://docs.videojs.com/


     

  • 相关阅读:
    BZOJ 2876 骑行川藏
    BZOJ 2875 随机数生成器
    DT_修改注册项
    ip001
    ip
    阿里大鱼 阿里云api
    JS_全
    destoon框架二次开发【整理】
    destoon_笔记
    栏目class导航
  • 原文地址:https://www.cnblogs.com/kumukim/p/11006598.html
Copyright © 2020-2023  润新知