html5自动轮播图代码(HTML5播放实现rtmp流直播)
类别:Web前端 浏览量:1707
时间:2021-10-16 00:53:18 html5自动轮播图代码
HTML5播放实现rtmp流直播最近在做一个直播推流的功能,想自己写个网页进行直播尝试一下。
然后网上试了各种教程都没成功,下面说下遇到的几个坑。
1.首先通过obs进行推流,服务器是:rtmp://192.168.0.221/live,串流密钥:1234,
然后就发现网上的教程里面都没有说道这个串流密钥要写在哪里,如果不写的话,是直播不成功的。
后面试了很久发现就是直接拼接在服务器地址后面的 ,像这样,rtmp://192.168.0.221/live/1234。
下面是具体的代码
<!DOCTYPE html> <html lang="en"> <head> <title>HTML5 直播</title> <link href="http://vjs.zencdn.net/5.19/video-js.min.css" rel="stylesheet"> <script src="http://vjs.zencdn.net/5.19/video.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/videojs-flash@2/dist/videojs-flash.min.js"></script> </head> <body> <video id="myvideo" class="video-js vjs-default-skin" controls preload="auto" width="1280" height="720" poster="http://vjs.zencdn.net/v/oceans.jpg" alt="html5自动轮播图代码(HTML5播放实现rtmp流直播)" border="0" />
2:然后用google浏览器打开,就是页面上疯狂报“No compatible source was found for this media”这个错误,百度出来的都说是要把网页放到服务器上,不能直接打开,但是这个用idea直接打开的应该也属于放到服务器上了吧。不过应该不能直接双击html文件打开,我没试过。完了还是不行啊,后面发现浏览器中flash是“询问”状态,
然后就尝试把这个改成“允许状态”,居然就可以了。。
3:最后的实现的效果:
到此这篇关于HTML5播放实现rtmp流直播的文章就介绍到这了,更多相关HTML5 rtmp流直播内容请搜索开心学习网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持开心学习网!
您可能感兴趣
- html5基本结构图(HTML5中的网络存储实现方式)
- html5怎么设置倾斜(HTML5 body设置自适应全屏)
- html5弹出窗口(Html5页面上如何禁止手机虚拟键盘弹出)
- html5弹出输入框下拉菜单(HTML5输入框下拉菜单功能的示例代码)
- html5中怎么做圆形框架(HTML5 层的叠加的实现)
- html5 canvas 特效(JavaScript canvas实现流星特效)
- html5 设置缓存(HTML5实现应用程序缓存Application Cache)
- php 处理html表单(PHP使用HTML5 FormData对象提交表单操作示例)
- html5的canvas代码(H5最强接口之canvas实现动态图形功能)
- html5基本代码文字颜色(html5默认气泡修改的代码详解)
- html5基础知识入门(萌新HTML5 入门指南二)
- html5所有特性(HTML5 FileReader对象的具体使用方法)
- h5页面强制关注微信公众号(Html5页面获取微信公众号的openid的方法)
- webgl api 源码(基于 HTML5 WebGL 实现的医疗物流系统)
- html5加入图片(HTML5 图片预加载的示例代码)
- html5代码之翻页(HTML5实现直播间评论滚动效果的代码)
- 会 吃人 的客机 从天堂到地狱只需5分钟,图-104如何做到(会吃人的客机)
- 男人犯的错,为什么要女人来承担(为什么要女人来承担)
- 心理学 四个金蟾,哪个最招财 测你今生的运势有多棒(心理学四个金蟾)
- 吉善缘《聚宝金蟾》金蟾招财摆件 三足全铜蟾蜍客厅店铺开业礼品(吉善缘聚宝金蟾金蟾招财摆件)
- 招财化煞神兽,金蟾变了(招财化煞神兽金蟾变了)
- 26岁杨紫的白素贞遇上24岁鞠婧祎,哪个最美(26岁杨紫的白素贞遇上24岁鞠婧祎)
热门推荐
- docker容器默认内存大小(Docker 修改docker存储位置 修改容器镜像大小限制操作)
- pythonmatplotlib怎么用(Python matplotlib画图与中文设置操作实例分析)
- zabbix客户端看什么网络监控数据(分布式监控系统之Zabbix主动、被动及web监控的过程详解)
- css选择器优先级
- thinkphp5框架怎么打开(thinkphp5.1框架模板布局与模板继承用法分析)
- DataRow转换时对DBNULL的处理
- matplotlib中plot颜色控制(matplotlib实现区域颜色填充)
- phpzip压缩原理(PHP生成zip压缩包的常用方法示例)
- canvas绘图画圆基本步骤(利用 Canvas实现绘画一个未闭合的带进度条的圆环)
- sqlifnull如何使用(在 SQL 语句中处理 NULL 值的方法)