H5视频播放器（livePlayer.js）

已于 2023-08-30 09:53:05 修改
阅读量912 收藏
点赞数
分类专栏： 视频播放器 文章标签： 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)

最低0.47元/天 解锁文章
前端世界的蒋小姐
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
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 简介 EasyPlayer.js H5播放器，是一款能够同时支持HTTP、HTTP-FLV、HLS（m3u8）视频直播与视频点播等多种协议，支持H.264、H.265、AAC等多种音视频编码格式，支持mse、wasm等多种解码方式，支持Windows、Linux、Android、iOS全平台终端的H5播放器。 功能说明 支持 m3u8/HLS 播放; 支持 HTTP-FLV/WS-FLV 播放; 支持 H265 播放; 支持直播和点播播放; 支持全屏显示; 支持重连播放； 集成使用示例 普通集成 1.引入 copy EasyWasmPlayer.js 到项目中 copy libDecoder.wasm到项目或者www的根目录（一定要根目录） 2.在 html 中引用 EasyWasmPlayer.js <!DOCTYPE html> <html l
h5 player 播放器
11-20
H5 Player可以使用CSS3和JavaScript轻松定制播放器的外观和行为，包括进度条、播放按钮、全屏切换、字幕显示等功能，以满足不同网站或应用的设计风格。 6. 范围选择与拖拽播放 通过Media API，开发者可以实现范围...
LivePlayer.js如何配置iframe允许自动播放和全屏操作
青柿视频流媒体的博客
06-02 1481
H5直播点播播放器 下载集成入口： https://www.liveqing.com/docs/download/LivePlayer.html 使用说明：https://www.liveqing.com/docs/manuals/LivePlayer.html iframe 设置 添加属性 allowfullscreen allow=“autoplay; fullscreen” <iframe src="" width="640" height="360" allowfullscreen al
推荐一款强大的HTML5视频播放插件，同时适应在PC、手机端播放！（带私活）
最新发布
m0_68103666的博客
05-25 1319
这是一款H5视频播放插件，默认配置了精美可配置的播放控件，包括了常用的播放场景，例如全屏播放、播放快进、循环播放、音量调节、视频解码等功能。
LivePlayer.js免费直播、点播播放器如何自适应div宽高集成播放视频
weixin_30344795的博客
07-20 508
LivePlayer网页直播、点播播放器 资源下载：https://www.liveqing.com/docs/download/LivePlayer.html 使用说明：https://www.liveqing.com/docs/manuals/LivePlayer.html 根据DIV宽高自适应显示播放 <body> <div class="dydiv"> ...
LivePlayer.js播放器遇到悬停英文提示如何切换显示成中文
青柿视频流媒体的博客
10-21 540
遇到悬停英文提示如何切换显示成中文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"> .
LivePlayer.js直播点播播放器如何配置点播倍速列表及默认倍速
青柿视频流媒体的博客
08-07 1392
配置点播倍速列表及默认倍速配置倍速列表配置默认倍速前端代码示例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=
如何实现h5视频自动播放
热门推荐
echozly的博客
02-12 1万+
提前说明，此文章只针对<video>标签。 现在项目中经常会碰到在H5页面中嵌入视频的情况，有时候会碰到需要自动播放的情况，之前没觉得是个难点，但实际操作起来一地鸡毛。上网查找了各种攻略，踩了各种坑后，总结了几点，希望能给各位一个参考。 各种踩坑的方法我就不多说了，只说实测有效的，以免耽搁大家的时间 首先是PC端，PC端相对来说容易一下，浏览器对<video>标签的兼容还是很好的，首先需要设置autoplay为true 但如果仅设置autoplay是无法实现自动播放的效果
livePlayer播放视频流
Holly31的博客
02-28 1759
监控视频流播放
【Xgplayer】xgplayer基本使用 | xgplayer使用 | 超好的前端视频播放器 | xgplayer前端最好视频播放器
此人太懒，没有任何简介
03-08 9001
【Xgplayer】xgplayer基本使用 & xgplayer使用 & 超级牛逼的前端视频播放器 && xgplayer前端最好视频播放器
H5播放器播放海康摄像头视频开发包和demo
01-20
H5播放器则是一个基于HTML5技术的媒体播放器，它支持MPEG-DASH、HLS（HTTP Live Streaming）等流媒体协议，使得在浏览器中播放视频成为可能。在这个开发包中，开发者可以找到实现H5播放器与海康摄像头视频流对接所需...
前端视频播放器
01-25
js+html+css视频播放器var CuPlayerList ="flv1.flv|flv2.flv|btq.flv|flv1.flv|flv2.flv|btq.flv|" var sp =CuPlayerList.split("|") var num = sp.length; var video_index = 0; function getNext(pars) { if(video_index < num-1) { video_index++; so.addVariable("JcScpVideoPath",sp[video_index]); so.write("CuPlayer"); } else { video_index = 0; so.addVariable("JcScpVideoPath",sp[video_index]); so.write("CuPlayer"); } } function changeStream(CuPlayerFile){ so.addVariable("JcScpVideoPath",sp[CuPlayerFile]); so.write("CuPlayer"); }
H5嵌入手机端页面直播
12-13
支持手机端浏览器播放m3u8格式视频
jessibuca:Jessibuca是一款开源的纯H5直播流播放器
04-28
home heroImage heroText tagline actionText actionLink sidebarDepth sidebar features footer true /logo.png Jessibuca 纯H5直播流播放器 打开播放器 /player.md 2 auto title details 无插件 基于ASM.js/WebAssembly(wasm)实现的纯JavaScript直播播放器 title details 低延时 能够在 PC\Android\iOS 浏览器Webview 内实现2秒以内低延迟直播播放 title details 支持H265 软解码H.264/H.265+AAC/MP3/Speex流，WebGL视频渲染，WebAudio音频播放。 GPL Licensed | Copyright :copyright: 2020-present dexter 简
flv.js:HTML5 FLV播放器-开源
05-09
用纯JavaScript编写HTML5 Flash Video（FLV）播放器，不带Flash。 该项目依靠媒体源扩展来工作。 flv.js的工作原理是将FLV文件流转换为ISO BMFF（分段MP4）段，然后将mp4段输入HTML5 元素通过Media Source Extensions API获得。 flv.js用ECMAScript 6编写，由Babel Compiler编译为ECMAScript 5，并与Browserify捆绑在一起。 具有H.264 + AAC / MP3编解码器播放功能的FLV容器。 多段分段视频播放。 HTTP FLV低延迟实时流播放。 通过WebSocket进行FLV实时流播放。 与Chrome，FireFox，Safari 10，IE11和Edge兼容。 极低的开销，并且浏览器可以加速硬件！
EasyPlayer.js H5播放器，是一款能够同时支持HTTP、HTTP-FLV、HLS（m3u8）视频直播与视频点播等多种
08-12
EasyPlayer.js是一款强大的H5播放器，专为现代网页设计，提供对多种视频流协议的支持。这款播放器的核心特点在于其跨平台兼容性和灵活性，能够适应HTTP、HTTP-FLV以及HLS（m3u8）等不同类型的视频传输方式，从而实现...
hls.js-0.8.7.zip_h5播放器_hls js_hls.js sample_hls.light.js_hls.min
09-24
总的来说，"hls.js-0.8.7.zip"是一个用于构建H5视频播放器的资源包，包含了HLS.js库的不同版本和可能的示例，适用于希望在网页中实现HLS视频流播放的开发者。通过深入理解HLS.js的工作原理和使用方法，开发者可以...
2020-12-14超强 H5直播/点播播放器LivePlayer
weixin_46337813的博客
12-14 2689
http://www.dreamwu.com/post-1534.html 超强 H5直播/点播播放器LivePlayer HTML5梦想屋2020-9-118350 之前有给大家分享2个超棒的视频播放器。今天继续分享一款高质量的H5视频播放器插件LivePlayer。 HTML5 开源视频播放器DPlayer Vue 视频播放组件Vue-CoreVideoPlayer liveplayer一款集m3u8、rtmp、hls、flv于一身的H5视频流媒体播放器。使用简单，功...
一款vue的前端视频播放插件 支持m3u8 vue-video-player
NDZ0819的博客
11-25 6242
项目进行时, 对视频模块需要进行组件开发，结合当前使用的开发框架是vuecli。 于是寻找到vue-video-player根据github上的文档进行开发，发现并不能实现播放功能，于是在网站上进行寻找发现，vue-video-player依赖于videojs 1、安装：npm install vue-video-player --save推流/m3u8 需要：npm install --save videojs-contrib-hls 2、当前版本： "vue": "^2.6.11", "v.
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、付费专栏及课程。

余额充值