您现在的位置是:网站首页> 编程资料编程资料
HTML5播放实现rtmp流直播使用HTML5加载音频和视频的实现代码Html5 webRTC简单实现视频调用的示例代码HTML5 video循环播放多个视频的方法步骤HTML5 通过Vedio标签实现视频循环播放的示例代码html5视频自动横过来自适应页面且点击播放功能的实现HTML5基于flash实现播放RTMP协议视频的示例代码
2021-08-30
1108人已围观
简介 这篇文章主要介绍了HTML5播放实现rtmp流直播,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
最近在做一个直播推流的功能,想自己写个网页进行直播尝试一下。
然后网上试了各种教程都没成功,下面说下遇到的几个坑。
1.首先通过obs进行推流,服务器是:rtmp://192.168.0.221/live,串流密钥:1234,

然后就发现网上的教程里面都没有说道这个串流密钥要写在哪里,如果不写的话,是直播不成功的。
后面试了很久发现就是直接拼接在服务器地址后面的 ,像这样,rtmp://192.168.0.221/live/1234。
下面是具体的代码
HTML5 直播
2:然后用google浏览器打开,就是页面上疯狂报“No compatible source was found for this media”这个错误,百度出来的都说是要把网页放到服务器上,不能直接打开,但是这个用idea直接打开的应该也属于放到服务器上了吧。不过应该不能直接双击html文件打开,我没试过。完了还是不行啊,后面发现浏览器中flash是“询问”状态,

然后就尝试把这个改成“允许状态”,居然就可以了。。
3:最后的实现的效果:

到此这篇关于HTML5播放实现rtmp流直播的文章就介绍到这了,更多相关HTML5 rtmp流直播内容请搜索以前的文章或继续浏览下面的相关文章,希望大家以后多多支持!
相关内容
- HTML5实现应用程序缓存(Application Cache)Application Cache未缓存文件无法访问无法加载问题html5 application cache遇到的严重问题HTML5使用ApplicationCache接口实现离线缓存技术解决离线难题
- html5实现九宫格抽奖可固定抽中某项奖品jquery九宫格抽奖转盘特效源码ivx平台开发之不用代码实现一个九宫格抽奖功能
- HTML5页面无缝闪开的问题及解决方案html5实现点击弹出图片功能html5 录制mp3音频支持采样率和比特率设置html5表单的required属性使用html5调用摄像头实例代码HTML5页面音频自动播放的实现方式Html5大屏数据可视化开发的实现html实现弹窗的实例HTML5来实现本地文件读取和写入的实现方法HTML 罗盘式时钟的实现HTML5简单实现添加背景音乐的几种方法
- Html5导航栏吸顶方案原理与对比实现使用HTML+Css+transform实现3D导航栏的示例代码html+css+js实现导航栏滚动渐变效果html5 横向滑动导航栏的方法示例html+css 实现简易导航栏功能基于html和CSS3制作简单侧边导航栏基于html和CSS3制作酷炫的导航栏使用Html+Css实现简易导航栏功能(导航栏遇到鼠标切换背景颜色)
- 浅析图片上传及canvas压缩的流程使用canvas压缩图片上传的方法示例html5 canvas移动浏览器上实现图片压缩上传
- h5移动端调用支付宝、微信支付的实现基于HTML5+tracking.js实现刷脸支付功能详解Html5微信支付爬坑之路html5仿支付宝密码框的实现代码
- 使用SVG实现提示框功能的示例代码HTML5 SVG带弹性动画效果的Tooltip提示框
- Html5嵌入钉钉的实现示例html5实现点击弹出图片功能html5 录制mp3音频支持采样率和比特率设置html5表单的required属性使用html5调用摄像头实例代码HTML5页面音频自动播放的实现方式Html5大屏数据可视化开发的实现html实现弹窗的实例HTML5来实现本地文件读取和写入的实现方法HTML 罗盘式时钟的实现HTML5简单实现添加背景音乐的几种方法
- 浅析数据存储的三种方式 cookie sessionstorage localstorage 的异同Html5中localStorage存储JSON数据并读取JSON数据的实现方法详解前端HTML5几种存储方式的总结
- h5页面唤起app如果没安装就跳转下载(iOS和Android)HTML5中外部浏览器唤起微信分享Html5如何唤起百度地图App的方法详解如何通过H5(浏览器/WebView/其他)唤起本地apphtml5唤起app的方法
