使用flash 解决 h5 直播推流

H5 直播推流

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>推流测试</title></head><body><object wmode="transparent" id="rtmp-streamer" type="application/x-shockwave-flash" data="https://imgcache.qq.com/open/qcloud/video/act/live_web_push/RtmpStreamer.swf"; width="500" height="450" style="border: 1px solid #333;"><param value="always" name="allowScriptAccess" /><param value="https://imgcache.qq.com/open/qcloud/video/act/live_web_push/RtmpStreamer.swf"; name="movie" /><param value="high" name="quality" /></object><button id="push">开始推流</button><script type="text/javascript">document.getElementById('push').onclick = function() {var elem = document.getElementById('rtmp-streamer');console.log(elem.publish);// 直播地址var rtmp = 'rtmp://live.push.teacherasked.cn/live/6412fef87392ae8c987b0ecc79da1902'let urls = rtmp.split('/');let name = urls.pop();let url = urls.join("/");// flash 的推流方法publishelem.publish(url, name);};</script></body>
</html>

存在问题描述：

必须启用https
必须是chrome浏览器或谷歌浏览器内核
谷歌在今年12月份全部下架flash 也是问题
建议研究websocket 直接对服务器进行推流数据包

在线代码编辑网址：
https://www.runoob.com/try/try.php?filename=tryhtml5_video_bear

使用flash 解决 h5 直播推流相关推荐

用安卓RTMP直播推流进行音频侦听时，出现播放几秒后就无法播放问题的解决方法
Real Time Messaging Protocol(RTMP)即实时消息传输协议,是 Adobe 公司开发的一个基于 TCP 的应用层协议,目前国内的视频云服务都是以 RTMP 为主要推流协议. ...
H5直播之从推流服务搭建到视频直播
最近视频直播比较火,发现目前 WEB 上主流的视频直播方案有 HLS 和 RTMP,移动 WEB 端目前以 HLS 为主,PC端则以 RTMP 为主实时性较好,接下来将围绕这两种视频流协议来展开H5直 ...
[转]H5直播之从推流服务搭建到视频直播
转自http://www.php.cn/html5-tutorial-403035.html 最近视频直播比较火,发现目前 WEB 上主流的视频直播方案有 HLS 和 RTMP,移动 WEB 端目前以 ...
html5播放推流播放地址是黑屏的,OBS Studio直播推流显示黑屏怎么办？教你解决方法...
利用OBS Studio进行直播推流可以吸引更多用户,快速涨粉,当然了,如果你是第一次接触OBS推流,可能会遇到一些困扰.如果OBS Studio直播推流显示画面黑屏,大家可以参考本文整理的方法进行解 ...
视频直播常见问题与解决办法汇总【系列三—直播推流】
摘要: 直播推流初始化设置要进行直播推流,您必须开启直播加速 > 配置直播域名 > 直播推流,详情参考快速开始. 如何获取推流地址直播加速配置成功后,您可以通过以下方式获取对应的推流 ...
h5直播开发之旅总结
前言关于直播,有很多相关技术文章,这里不多说. 作为前端,我们比较关心我们所需要的. 直播的大致流程: APP端调用摄像头 -> 拍摄视频 -> 实时上传视频 -> 服务器端获取视 ...
HTML5视频直播及H5直播扫盲
文章来源:http://geek.csdn.net/news/detail/95188 分享内容简介: 目前视频直播,尤其是移动端的视频直播已经火到不行了,基本上各大互联网公司都有了自己的直播产品,所 ...
video.min.js php,用Video.js实现H5直播界面
这次给大家带来用Video.js实现H5直播界面,用Video.js实现H5直播界面的注意事项有哪些,下面就是实战案例,一起来看一下. 最近做了一个移动端H5简易版直播页,只有直播功能,后期再添加弹幕 ...
视频技术详解：RTMP H5 直播流技术解析
本文聚焦 RTMP 协议的最精华的内容,接进行实际操作 Buffer 的练习和协议的学习. RTMP 是什么 RTMP 全称即是 Real-Time Messaging Protocol.顾名思义就是 ...

使用flash 解决 h5 直播推流

H5 直播推流

使用flash 解决 h5 直播推流相关推荐

最新文章

热门文章