LivePlayer H5播放器 | 青柿视频流媒体服务解决方案
青柿流媒体服务解决方案包含:LiveQing RTMP直播点播流媒体服务,LiveGBS国标GB28181无插件流媒体服务,LiveNVR安防Onvif/RTSP监控流媒体;国网B接口服务 电网B接口;支持本地、内网、私有云部署;为企业视频能力建设,提供了视频点播转码、手机直播推流、云端录像存储计划、RTMP拉流推流服务、RTSP拉流推流服务、设备GB28181接入、Onvif云台控制等等能力,同时提供性能强大稳定的WebRTC/RTMP/HLS/RTSP/HTTP-FLV分发,支持H5页面无插件直播,强大的后台管理,详细的二次开发接口文档,服务搭建简单解压后一键启动,支持Windows和Linux环境部署
https://www.liveqing.com/docs/manuals/LivePlayer.html
2.
安装使用(Install)
国网B接口服务 电网B接口;支持本地、内网、私有云部署;为企业视频能力建设,提供了视频点播转码、手机直播推流、云端录像存储计划、RTMP拉流推流服务、RTSP拉流推流服务、设备GB28181接入、Onvif云台控制等等能力,同时提供性能强大稳定的WebRTC/RTMP/HLS/RTSP/HTTP-FLV分发,支持H5页面无插件直播,强大的后台管理,详细的二次开发接口文档,服务搭建简单解压后一键启动,支持Windows和Linux环境部署。二、编辑webpack.xxx.config.js。
详细介绍 – [ Jessibuca
H5
直播流播放器 v1.0 ]
Jessibuca
是一款开源的纯
H5
直播流播放器,通过Emscripten将音视频解码库编译成
Js
(ams.
js
/wasm)运行于浏览器之中。兼容几乎所有浏览器,可以运行在PC、手机、微信中,无需额外安装插件。
Jessibuca功能
1、支持解码H.264视频(Baseline, Main, High Profile全支持,支持解码B帧视频)
2、支持解码H.265视频(flv id == 12)
3、支持解码AAC音频(LC,HE,HEv2 Profile全支持)
4、支持解码MP3音频以及Speex音频格式
5、可设置播放缓冲区时长,可设置0缓冲极限低延迟(网络抖动会造成卡顿现象)
6、支持智能不花屏丢帧,长时间播放绝不累积延迟。
7、可创建多个播放实例
8、程序精简,经CDN加速,GZIP压缩(实际下载500k),加载速度更快
9、同时支持http-flv和websocket-flv协议以及websocket-raw私有协议(裸数据,传输量更小,需要搭配Monibuca服务器) 注:以http-flv请求时,存在跨域请求的问题,需要设置access-control-allow-origin, websocket-flv默认不存在此问题
10、支持HTTPS/WSS加密视频传输,保证视频内容传输安全
11、手机浏览器内打开视频不会变成全屏播放
Jessibuca目录结构
obj 存放emscripten编译好的各种解码库的字节码库
public 存放编译输出的
js
和wasm文件以及renderer.
js
thirdparty 各种第三方解码库的代码(已修改)和编译脚本
Jessibuca截图
同类推荐:
站长常用源码
在VUE项目中添加使用
Live
Player
.
js
直播点播
H5
免费播放器1、复制依赖文件1.1 示例 通过 webpack 插件自动复制依赖1.1.1、编辑你的 webpack.config.
js
1.1.2、若使用 vue-cli, 编辑你的 vue.config.
js
2、
html
模板中引入依赖
js
3、编辑你的 Vue 组件4、
H5
直播点播播放器
1、复制依赖文件
1.1 示例 通过 webpack 插件自动复制依赖
copy node_modules/@
live
qing/
live
player
/dist/c
免费的
H5
播放器HLS/HTTP-FLV/WS-FLV/RTMP/H265/HEVC直播点播流播放常见问题1、页面控制台 Console 错误提示2、多分屏超过 6 路不能播放3、如何自适应 div4、播放器如何销毁5、
Live
Player
.
js
使用安装
1、页面控制台 Console 错误提示
提示: TypeError: The element or ID supplied is not valid. (video
js
)
检查 video-url 设置的播放地址 是否有效(可以用 VLC 播放尝试)
免费视频直播、点播
H5
播放器SkeyeWeb
Player
适配排除,移动端,常见移动端Web页面问题及解决方案
SkeyeVSS其独创的ws-rtsp流媒体直播技术,兼容传统安防流媒体的同时,不需要安装浏览器插件,解决互联网接入安防监控延迟高、起播慢等问题;支持全平台终端
H5
直播点播(PC、Web、Android、iOS)。
一般情况下SkeyeWeb
Player
播放器的宽度是自适应,高度css 或者 new WebMedia
Player
()中的height参数来设置,常用的56.25 (56.25% 等于
遇到悬停英文提示如何切换显示成中文1、
H5
直播点播播放器2、页面遇到悬停英文提示3、切换显示成中文
1、
H5
直播点播播放器
下载集成入口: https://www.
live
qing.com/docs/download/
Live
Player
.
html
使用说明:https://www.
live
qing.com/docs/manuals/
Live
Player
.
html
2、页面遇到悬停英文提示
3、切换显示成中文
添加 lang=“zh-CN”
<
html
lang="zh-CN">
第一次用@
live
qing/
live
player
,下载依赖,引入并注册组件,但一直报video
js
is not
defined,全局搜了,没有video
js
,其实vido
js
已经在
live
payer 依赖
js
中,无需再次引入
下面来正确使用
live
Player
1、先下载依赖
npm install @
live
qing/
live
player
2、在vue.config.
js
添加配置
const CopyWebpackPlugin = require('copy-webpack-plugin');.
h5
player
.
js
是一种用于网页上播放音视频文件的JavaScript库。下载
h5
player
.
js
非常简单,只需按照以下步骤进行操作即可。
首先,打开任意一款支持网页浏览的浏览器,例如Chrome、Firefox或Safari等。
然后,使用搜索引擎搜索"
h5
player
.
js
下载",会得到一系列相关结果。
点击其中一个可信的网站链接,通常是GitHub或官方网站。
在该网页上,找到下载按钮或链接,一般位于该页面的顶部或底部。
点击下载按钮或链接后,系统会提示保存文件的位置。你可以选择将文件保存到计算机上的任意位置,例如桌面或指定的文件夹。
下载完成后,进入文件保存位置,你将发现下载的文件是一个压缩包(通常是以.zip或.tar.gz为扩展名的文件)。
解压缩该文件,你将得到
h5
player
.
js
的源代码或已编译的可执行文件,取决于压缩包内的内容。
现在,你已经成功下载了
h5
player
.
js
。要在你的网页中使用它,你需要在
HTML
文件中引用该库,并编写相应的JavaScript代码来调用其功能。
希望这个回答对你有帮助!