H5视频播放器（livePlayer.js）

已于 2023-08-30 09:53:05 修改
阅读量957 收藏
点赞数
分类专栏： 视频播放器 文章标签： html5 前端 html
于 2023-05-23 17:10:25 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_51258044/article/details/130638397
版权
国网B接口服务 电网B接口；支持本地、内网、私有云部署；为企业视频能力建设，提供了视频点播转码、手机直播推流、云端录像存储计划、RTMP拉流推流服务、RTSP拉流推流服务、设备GB28181接入、Onvif云台控制等等能力，同时提供性能强大稳定的WebRTC/RTMP/HLS/RTSP/HTTP-FLV分发，支持H5页面无插件直播，强大的后台管理，详细的二次开发接口文档，服务搭建简单解压后一键启动，支持Windows和Linux环境部署。二、编辑webpack.xxx.config.js。
摘要由CSDN通过智能技术生成

1.官网

LivePlayer H5播放器 | 青柿视频流媒体服务解决方案青柿流媒体服务解决方案包含：LiveQing RTMP直播点播流媒体服务，LiveGBS国标GB28181无插件流媒体服务，LiveNVR安防Onvif/RTSP监控流媒体；国网B接口服务 电网B接口；支持本地、内网、私有云部署；为企业视频能力建设，提供了视频点播转码、手机直播推流、云端录像存储计划、RTMP拉流推流服务、RTSP拉流推流服务、设备GB28181接入、Onvif云台控制等等能力，同时提供性能强大稳定的WebRTC/RTMP/HLS/RTSP/HTTP-FLV分发，支持H5页面无插件直播，强大的后台管理，详细的二次开发接口文档，服务搭建简单解压后一键启动，支持Windows和Linux环境部署icon-default.png?t=N7T8https://www.liveqing.com/docs/manuals/LivePlayer.html

2.安装使用(Install)

一、安装：npm install @li

最低0.47元/天 解锁文章
前端世界的蒋小姐
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Web直播播放器快速集成(JS-DEMO)
06-06 330
Web直播播放器快速集成(JS-DEMO)，设置isAutoChange:true参数可以实现，直播开始时播放直播流，直播结束后，播放视频库-直播暂存-首个暂存文件。（注意：暂存文件保留有时间期限）
LivePlayer.js免费的H5播放器HLS/HTTP-FLV/WS-FLV/RTMP/H265/HEVC直播点播流播放常见问题
青柿视频流媒体的博客
11-03 7777
免费的H5播放器HLS/HTTP-FLV/WS-FLV/RTMP/H265/HEVC直播点播流播放常见问题1、页面控制台 Console 错误提示2、多分屏超过 6 路不能播放3、如何自适应 div4、播放器如何销毁5、LivePlayer.js使用安装 1、页面控制台 Console 错误提示 提示： TypeError: The element or ID supplied is not valid. (videojs) 检查 video-url 设置的播放地址 是否有效（可以用 VLC 播放尝试）
Jessibuca H5直播流播放器 v1.0
06-26
授权方式： 共享软件 界面语言： 简体中文 文件大小： 34.8 MB 更新时间： 2020-07-30 资源类型： 国产软件 推荐等级： ★★★☆☆ 平台环境： C/C++/ JavaScript 作者主页： 点击查看 演示地址： 点击查看 详细介绍 – [ 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截图 相关阅读 同类推荐： 站长常用源码
【前端】h5端好用的播放器探索
最新发布
2301_76933862的博客
06-08 316
集播放http-flv, hls, websocket 于一身的H5视频直播/视频点播播放器, 使用简单, 功能强大；功能说明支持 MP4 播放支持 m3u8/HLS 播放;支持 HTTP-FLV/WS-FLV 播放;支持直播和点播播放;支持播放器快照截图;支持点播多清晰度播放;支持全屏或比例显示;自动检测 IE 浏览器兼容播放;支持重连播放；
13款用于Web的流行HTML5视频播放器
顺其自然~专栏
11-17 9320
播放器是最佳MPEG-DASH播放器之一，其声明的目标是：“dash.js是DASH行业论坛发起的，目的是使用W3C所定义的媒体源扩展API来实现产品级品质的框架，该框架用于创建播放MPEG-DASH内容的视频和音频播放器。这款播放器还拥有用于下载视频切片的自定义ABR算法，并且可以通过供应商（如NPAW、Conviva、MediaMelon、Mux Data、Agama等）出色地支持Multi-DRM、广告插入（CSAI和SSAI）、字幕、分析等功能。它免费、开源且由技术社区的开发者维护。
LivePlayer H5播放器 直播 视频
linx_i的博客
04-18 1450
简介H5直播/点播播放器，使用简单，功能强大。
vue项目中视频实时播放时 播放器遇到的问题和解决过程 flv.js - EasyPlayer - LivePlayer
sandwich_99的博客
01-11 1991
EasyPlayer多屏实时播放 | 时差 | 延迟处理的很完善，EasyPlayer对于fvl.js的延迟问题采用的是追帧和加速播放，随着你暂停时间越久他追帧速度越慢，并且在追到延迟在10s时就停止了，也就是直播画面总是有10s的延迟（直播设备是测试过没问题的，并且在销毁重创画面是实时的）后来又发现了livePlayer，测试使用发现以上问题都不存在了，延迟也最慢控制在3s，也是我们项目中能接受的范围
H5播放器播放海康摄像头视频开发包和demo
01-20
H5播放器则是一个基于HTML5技术的媒体播放器，它支持MPEG-DASH、HLS（HTTP Live Streaming）等流媒体协议，使得在浏览器中播放视频成为可能。在这个开发包中，开发者可以找到实现H5播放器与海康摄像头视频流对接所需...
h5 player 播放器
11-20
H5 Player可以使用CSS3和JavaScript轻松定制播放器的外观和行为，包括进度条、播放按钮、全屏切换、字幕显示等功能，以满足不同网站或应用的设计风格。 6. 范围选择与拖拽播放 通过Media API，开发者可以实现范围...
EasyPlayer.js:EasyPlayer.js H5播放器，是一款能够同时支持HTTP、RTMP、HTTP-FLV、HLS（m3u8）直播与点播等多种协议，支持H.264、H.265、AAC等多种音视频编码格式，支持mse、asm、wasm等多种解码方式，支持Windows、Linux、Android、iOS全平台终端的H5播放器。EasyPlayer.js H5 Player support HTTPRTMPHTTP-FLVHLS(m3u8) live streaming & vod strea
05-10
EasyPlayer.js H5播放器，是一款能够同时支持HTTP、HTTP-FLV、HLS（m3u8）视频直播与视频点播等多种协议，支持H.264、H.265、AAC等多种音视频编码格式，支持mse、wasm等多种解码方式，支持Windows、Linux、Android、...
EasyPlayer.js H5播放器，是一款能够同时支持HTTP、HTTP-FLV、HLS（m3u8）视频直播与视频点播等多种
08-12
EasyPlayer.js是一款强大的H5播放器，专为现代网页设计，提供对多种视频流协议的支持。这款播放器的核心特点在于其跨平台兼容性和灵活性，能够适应HTTP、HTTP-FLV以及HLS（m3u8）等不同类型的视频传输方式，从而实现...
web-video-live:网页H5播放视频流直播系统，使用flv.js，vue-video-player播放器，测试支持rtmp，http-flv，hls视频流格式，可以做视频监控，也可以通过视频截图
03-11
本系统中集成了flv.js和vue-video-player播放器，其他的没有集成进去。 我使用vue开发前端页面并需要进行网页截图，要求延迟低，所以我选择了低延迟的HTTP-FLV协议，支持这个协议的上面的只有flv.js了，所以最终选择...
H5实现视频播放器（收官篇）
m0_71349739的博客
01-13 599
用H5实现视频播放器，详细请点击。
免费视频直播、点播H5播放器SkeyeWebPlayer适配移动端
OpenSkeye的博客
03-31 8154
免费视频直播、点播H5播放器SkeyeWebPlayer适配排除，移动端，常见移动端Web页面问题及解决方案 SkeyeVSS其独创的ws-rtsp流媒体直播技术，兼容传统安防流媒体的同时，不需要安装浏览器插件，解决互联网接入安防监控延迟高、起播慢等问题；支持全平台终端H5直播点播（PC、Web、Android、iOS）。 一般情况下SkeyeWebPlayer播放器的宽度是自适应，高度css 或者 new WebMediaPlayer()中的height参数来设置，常用的56.25 （56.25% 等于
LivePlayer播放器的基本用法
weixin_45774558的博客
02-09 4842
​1.安装 npm install @liveqing/liveplayer 2.在vue.config.js添加配置
LivePlayer.js播放器遇到悬停英文提示如何切换显示成中文
青柿视频流媒体的博客
10-21 543
遇到悬停英文提示如何切换显示成中文1、H5直播点播播放器2、页面遇到悬停英文提示3、切换显示成中文 1、H5直播点播播放器 下载集成入口： https://www.liveqing.com/docs/download/LivePlayer.html 使用说明：https://www.liveqing.com/docs/manuals/LivePlayer.html 2、页面遇到悬停英文提示 3、切换显示成中文 添加 lang=“zh-CN” <html lang="zh-CN"> .
h5 视频播放器
sjkafljask的博客
03-20 630
链接：https://www.jianshu.com/p/b805b6370f63。商业转载请联系作者获得授权，非商业转载请注明出处。livePlayer不支持播放H265编码的视频流。easyplayer可兼容大多数类型的编码视频流。Jessibuca只支持flv编码的视频流。
LivePlayer.js直播点播播放器如何配置点播倍速列表及默认倍速
青柿视频流媒体的博客
08-07 1409
配置点播倍速列表及默认倍速配置倍速列表配置默认倍速前端代码示例H5直播点播播放器 配置倍速列表 如： player.playbackRates = new Array(“1”,“5”,“6”) 配置默认倍速 如：playback-rate=“5” 前端代码示例 <live-player id="player01" playback-rate="5" video-url="http://192.168.2.135:10080/fvod/H5J1UAnMR/video.m3u8" live=
h5player.js下载
09-08
h5player.js是一种用于网页上播放音视频文件的JavaScript库。下载h5player.js非常简单，只需按照以下步骤进行操作即可。 首先，打开任意一款支持网页浏览的浏览器，例如Chrome、Firefox或Safari等。 然后，使用搜索引擎搜索"h5player.js下载"，会得到一系列相关结果。 点击其中一个可信的网站链接，通常是GitHub或官方网站。 在该网页上，找到下载按钮或链接，一般位于该页面的顶部或底部。 点击下载按钮或链接后，系统会提示保存文件的位置。你可以选择将文件保存到计算机上的任意位置，例如桌面或指定的文件夹。 下载完成后，进入文件保存位置，你将发现下载的文件是一个压缩包（通常是以.zip或.tar.gz为扩展名的文件）。 解压缩该文件，你将得到h5player.js的源代码或已编译的可执行文件，取决于压缩包内的内容。 现在，你已经成功下载了h5player.js。要在你的网页中使用它，你需要在HTML文件中引用该库，并编写相应的JavaScript代码来调用其功能。 希望这个回答对你有帮助！
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值