h5视频直播
文章平均质量分 87
依米_
这个作者很懒,什么都没留下…
展开
-
视频直播原理
https://blog.csdn.net/wing_93/article/details/80134791一、直播流程图流程图如上所示,各位看官应该不难理解吧。其中H.264是对视频的编码,AAC是对音频的编码。格式与浏览器的兼容模式如下: mp4格式就不需要多说了,webm是一种流式的视频格式,这两种视频格式偏点播。hls格式,严格意义上来讲,不是一种视频格式,而是一种...原创 2018-11-15 16:07:27 · 1581 阅读 · 0 评论 -
video视频详解
视频去腾讯下载enob如何让视频下载的标识不出现不想有全频 加 nofullscreenHTML5的Video标签的属性,方法和事件汇总前段时间写了一个基于html5 video的视频播放器,从起初的对其不了解,然后到能够写一个基本完善的自定义播放器。在这个过程中,对video标签的属性,方法,事件有了个全面的认识。下面分类列出来一下。<video>...原创 2018-11-15 19:34:26 · 5347 阅读 · 0 评论 -
直播源的制作
Nginx是服务器,装视频处理工具比较快速下载这个工具的网站验证的时候命令行重启第三步配置Nginx进入到Nginx.config配置文件在最后输入然后在server里配置配置好文件之后,先停掉Nginx ,然后再开启然后推流进入到源文件目录,找到一个视频,-vcodec是视频编码格式,-acodec是音频编码格式...原创 2018-11-15 21:25:27 · 6285 阅读 · 0 评论 -
播放器选型
要实现方式:使用H5的video 元素结合H5的网络频播放器(video.js)实现rtmp流的直播播放video.js 介绍Video.js 是一个通用的在网页上嵌入视频播放器的 JS 库,Video.js 自动检测浏览器对 HTML5 的支持情况,如果不支持 HTML5 则自动使用 Flash 播放器。点播和直播都可以优点: 1.它是开源免费的,你可以在github很容...原创 2018-11-16 20:11:08 · 307 阅读 · 0 评论 -
video.js实战
进入目录1.安装eslint npm install eslint -g2. npm init 出现package.json 3. ESLint --init$ ./node_modules/.bin/eslint --init4.然后创建一个source 文件夹1.mkdir source 2.cd source mkdir videojs...原创 2018-11-17 13:10:44 · 5444 阅读 · 0 评论 -
hls.js推流
然后去github 官网下载文件看demo是点播还是直播,找到vod 或者看进度条然后验证git上的官网是否能播放出来,最主要的播放原因是他是点播。然后找到直播源,打开一个新的标签然后这个srver就跑起来了。然后推流等待1俩秒钟,帧数达到一,200左右。现在做的是m3u8文件,所以把直播地址复制一下,然后修改hls/in...原创 2018-11-17 16:54:28 · 17338 阅读 · 1 评论 -
如何使用flv.js直播呢
创建文件,第二步,在github上找flv.js在demo里找flv.js然后保存下载下来,引入核心库和index.js然后打开该页面,报错,说找不到flv地址然后用第二种方式推流开启成功再创建一个标签,推流然后把flv的地址copy一下然后把flvjs下的index.js下的url 替换掉ok 直播开始了大部分的...原创 2018-11-17 17:25:37 · 5340 阅读 · 0 评论 -
微信小程序演练
完成微信小程序项目创建。开通直播权限的开发微信小程序只支持flv和rtmp格式的直播流,h5直播支持hls,flv和rtmp格式的直播流,请注意看官方文档代码演示示例代码从官网上粘贴在微信开发者工具中发现报错了,那是因为在html页面的流格式不正确。下面开启服务然后推流 然后把flv格式的直播地址考培到html的s...原创 2018-11-17 18:23:49 · 524 阅读 · 0 评论