zoukankan      html  css  js  c++  java
  • 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/


     

  • 相关阅读:
    c# GDI+ 绘制矩形圆角
    ActivityManager
    PowerDesigner15 下载 数据库建模工具
    IaaS、PaaS和SaaS
    discuz 社区工具
    c# 字符串比较方法
    android adb 命令大全
    unity
    backtrack5 中文网
    aws
  • 原文地址:https://www.cnblogs.com/kumukim/p/11006598.html
Copyright © 2011-2022 走看看