java rtmp m3u8_RTMP、HLS(M3U8)协议直播视频流网页播放云播放的实现方法

云播放

RTMP、HLS(M3U8)协议 直播视频流网页播放云播放的实现方法,有什么重要意义呢?首先在服务器实现,是云播放,网页播放就是可以产生一个链接,可以放在网站里添加一个链接,也可以发送给好友,不需安装APP,还有就是在本地不需要安装播放插件,这很重要,这是困扰了业界很多年的难题。

云播放的技术为视频直播与点播的流行打通了障碍的道路,为什么这样说呢?首先不需要在本地安装播放插件,不同的摄像头牌子就有不同的插件,云播放就可以做一个生态!

云播放的实现方法

搭建一个云服务器,可以运行播放软件;

只需要一个HTML的网页文件和一个MYScript-mobile.js的JAVA文件,就可以实现。

HTML的源码如下:

;

TCPlayer

TCPlayer

;

MYScript-mobile.js 的源码如下:

var player = new TcPlayer('id_test_video', {

"m3u8": "http://****zb.com/live/video.m3u8", //请替换成实际可用的播放地址

"autoplay" : true, //iOS 下 safari 浏览器,以及大部分移动端浏览器是不开放视频自动播放这个能力的

"poster" : "http://www.test.com/myimage.jpg",

"width" : '640',//视频的显示宽度,请尽量使用视频分辨率宽度

"height" : '480'//视频的显示高度,请尽量使用视频分辨率高度

});

对于第一次讲,我讲清楚了是.html 文件和.js文件,而且有二者的调用方法。

e08362f975285b84fc332dd727d47331.png直播网页播放

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值