LivePlayer.js直播点播播放器如何配置点播倍速列表及默认倍速

最新推荐文章于 2024-01-11 16:03:18 发布
最新推荐文章于 2024-01-11 16:03:18 发布
阅读量1.4k 收藏 1
点赞数
分类专栏： LivePlayer(WEB H5播放器) 文章标签： 倍速配置 默认倍速 免费播放器 LivePlayer 青柿
www.liveqing.com
本文链接：https://blog.csdn.net/Marvin1311/article/details/107867170
版权

配置点播倍速列表及默认倍速


在这里插入图片描述

配置倍速列表

如： 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="false"  aspect="16:9" stretch="true"></live-player>
.....

    <script>
        window.onload = function () {
            // 页面加载完成以后执行
            var player = document.getElementById('player01');
            player.playbackRates = new Array("1","5","6")
        }
</script>

H5直播点播播放器

下载集成入口
在线使用说明

Marvin1311
关注
专栏目录
Vue2 - 详细实现安装西瓜视频 xgplayer 插件详细配置及使用教程，利用西瓜视频播放器播放 mp4、flv、hls 格式视频文件及视频推流（直播或监控摄像头画面），支持移动端H5及PC网站！
王佳斌
08-04 3743
vue2，nuxt2，西瓜视频，xgplayer，插件组件，xgplayer-hls，xgplayer-flv，xgplayer-mp4，播放视频点播和直播视频流，自定义播放器样式，截屏，监控视频，vue使用西瓜播放器播放flv、hls、mp4视频，截屏按钮，直播流，报错，黑屏，加载失败，苹果ios不兼容，重连，怎么改样式，很卡，详细教程，监控实时播放推流，倍速播放，在线flv在线推流地址，HLS播放，vue西瓜播放器，vue如何使用西瓜视频插件做直播推流回流，视频点播，flv在线视频流播放，截图功能，利用
阿里云播放器SDK的正确打开方式 | Aliplayer Web播放器介绍及功能实现（三）
weixin_33755557的博客
11-10 778
摘要：阿里云播放器SDK（ApsaraVideo for Player SDK）是阿里视频云端到云到端服务的重要一环，除了支持点播和直播的基础播放功能外，还深度融合视频云业务，支持视频的加密播放、安全下载、首屏秒开、低延时等业务场景，为用户提供简单、快速、安全、稳定的视频播放服务。 阿里云播放器SDK（ApsaraVideo for Player SDK）是阿里视频云端到云到端服务的重要一...
H5视频播放器（livePlayer.js）
蒋小姐的博客
05-23 1045
国网B接口服务 电网B接口；支持本地、内网、私有云部署；为企业视频能力建设，提供了视频点播转码、手机直播推流、云端录像存储计划、RTMP拉流推流服务、RTSP拉流推流服务、设备GB28181接入、Onvif云台控制等等能力，同时提供性能强大稳定的WebRTC/RTMP/HLS/RTSP/HTTP-FLV分发，支持H5页面无插件直播，强大的后台管理，详细的二次开发接口文档，服务搭建简单解压后一键启动，支持Windows和Linux环境部署。二、编辑webpack.xxx.config.js。
LivePlayer.js免费直播、点播播放器如何自适应div宽高集成播放视频
weixin_30344795的博客
07-20 528
LivePlayer网页直播、点播播放器 资源下载：https://www.liveqing.com/docs/download/LivePlayer.html 使用说明：https://www.liveqing.com/docs/manuals/LivePlayer.html 根据DIV宽高自适应显示播放 <body> <div class="dydiv"> ...
liveplayer免费网页直播|点播播放器-页面动态多播放器添加代码示例
热门推荐
青柿视频流媒体的博客
04-17 2万+
强大的网页直播/点播播放器，使用简单，功能强大， 终身免费使用 支持m3u8播放; 支持HTTP-FLV播放; 支持RTMP播放; 支持直播和点播播放; 支持播放器快照截图; 支持点播多清晰度播放; 支持全屏或比例显示; 自带的flash支持极速和流畅模式; 自带的flash支持HTTP-FLV播放; 自动检测IE浏览器兼容播放; 详见：https://www.npmjs.com/pac...
LivePlayer.js免费的H5播放器HLS/HTTP-FLV/WS-FLV/RTMP/H265/HEVC直播点播流播放常见问题
青柿视频流媒体的博客
11-03 7928
免费的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 播放尝试）
Web直播播放器快速集成(JS-DEMO)
06-06 350
Web直播播放器快速集成(JS-DEMO)，设置isAutoChange:true参数可以实现，直播开始时播放直播流，直播结束后，播放视频库-直播暂存-首个暂存文件。（注意：暂存文件保留有时间期限）
LivePlayer播放器的基本用法
weixin_45774558的博客
02-09 4978
​1.安装 npm install @liveqing/liveplayer 2.在vue.config.js添加配置
免费WEB播放器LivePlayer.js如何自适应div宽高集成播放视频
07-26 565
LivePlayer网页直播、点播播放器 资源下载：https://www.liveqing.com/docs/download/LivePlayer.html 使用说明：https://www.liveqing.com/docs/manuals/LivePlayer.html 根据DIV宽高自适应显示播放 <body> <div class="dydiv"&g...
vue项目中视频实时播放时 播放器遇到的问题和解决过程 flv.js - EasyPlayer - LivePlayer
最新发布
sandwich_99的博客
01-11 2348
EasyPlayer多屏实时播放 | 时差 | 延迟处理的很完善，EasyPlayer对于fvl.js的延迟问题采用的是追帧和加速播放，随着你暂停时间越久他追帧速度越慢，并且在追到延迟在10s时就停止了，也就是直播画面总是有10s的延迟（直播设备是测试过没问题的，并且在销毁重创画面是实时的）后来又发现了livePlayer，测试使用发现以上问题都不存在了，延迟也最慢控制在3s，也是我们项目中能接受的范围
h264-live-player：用于浏览器的实时h264播放器（适用于raspberrypi raspicam的理想选择）
02-05
动机 这是用于您的浏览器的非常简单的h264视频播放器（可以在实时流上运行）。 您可以将其与raspicam原始h264流一起使用。 这是解码器的播放器，具有非常简单的API。 NAL单元（h264帧）在服务器端被拆分，使用websocket传输，然后发送给已解码（必要时丢帧） 历史 我的目标是浏览器中的实时摄像机视频反馈（无音频/监控摄像头） 没有用于“实时” mp4视频创建/播放的解决方案（ffmpeg，mp4box.js，mp4parser-装箱需要时间） Media Source Extension是一个死胡同（mp4装箱太难在客户端重新创建了） 提供了由webGL canvas
LivePlayer.js播放器遇到悬停英文提示如何切换显示成中文
青柿视频流媒体的博客
10-21 556
遇到悬停英文提示如何切换显示成中文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"> .
视频倍速播放（视频倍速率来加速播放音视频文件）
专注企业级视频应用，企业视频直播、MR虚拟直播、教育培训连麦直播
09-16 1410
倍速播放问题，在html5代码中，是使用playbackRate来实现，音频、视频播放速率都可以实现： // 获取视频速率 var playback = video.playbackRate; // 设置视频播放速率 video.playbackRate = 1.5; // 获取音频播放速率 var audioPlay = audio.playbackRate; // 设置音频播放速率 audio.playbackRate = 1.5; 完整示例代码如下： <video id="vid...
LivePlayer.js如何配置iframe允许自动播放和全屏操作
青柿视频流媒体的博客
06-02 1523
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
video.h5.player.js视频播放器
liwang2016384的博客
03-04 7139
video.h5.player.js（内部项目）是一款基于flowplayer开发的视频播放器，播放核心采用video标签/flash控件，界面完全交由用户自己定制。其中，flash控件的应用场景为m3u直播流。 Usage &lt;!-- 引入资源文件 --&gt; &lt;!-- 样式表 --&gt; &lt;link href="/dist/video.h5.player.c...
LivePlayer H5播放器（实时视频和历史视频）
kassiaaaa的博客
08-14 3498
1.安装依赖： npm install @liveqing/liveplayer 2.vue.config.js配置: const CopyWebpackPlugin = require('copy-webpack-plugin'); module.exports = { configureWebpack: { plugins: [ new CopyWebpackPlugin([ { from: 'node_modules/@liveqing/
livePlayer播放直播流
weixin_44445363的博客
04-02 1853
livePlayer播放直播流 官网：https://www.liveqing.com/docs/manuals/LivePlayer.html#%E5%B1%9E%E6%80%A7-property 业务场景：用户输入rtmp或者rtsp流地址，调用后端接口将其转换为 .flv结尾的地址，将该地址赋值给liveplayer的videoUrl来进行播放 vue2安装 第一步： npm install @liveqing/liveplayer 第二步： 安装 copy-webpack-plugin 插件,
视频播放组件实战【LivePlayer H5播放器】
fei1234456的博客
06-29 1万+
在公司项目开发中，有一个项目里面需要做一个视频播放的功能，播放方式是调用海康平台提供的接口获取流地址来进行视频的播放并且最重要的是需要支持flash。由于前端用的Vue，对比了几个，最后选择了LivePlayer H5播放器。 官网介绍：H5直播/点播播放器，使用简单，功能强大， 免费使用。 官网地址：https://www.liveqing.com/docs/manuals/LivePlayer.html github源码地址：https://github.com/livegbs/GB28181-S.
LivePlayer播放器安装与使用
weixin_44849078的博客
11-13 5714
LivePlayer播放器安装与使用1、安装模块2、配置3、使用 公司项目需要抛弃萤石云插件，因此视频播放要另寻出路，找来找去，找到了LiveGBS GB28181流媒体服务，研究了一下demo，因为要使用LivePlayer，所以想要在自己项目里使用，还得把LivePlayer装好，项目用的vue。 1、安装模块 npm install @liveqing/liveplayer 2、配置 在该文...
LivePlayer H5播放器
08-25
LivePlayer H5播放器是一个用于在Vue组件中实现视频播放功能的组件。它可以通过引入LivePlayer库，然后在Vue组件中注册并使用LivePlayer组件来实现视频的播放。具体使用方式可以参考以下代码示例： 在Vue组件中引入LivePlayer库： ``` import LivePlayer from '@liveqing/liveplayer' ``` 在Vue组件的`components`选项中注册LivePlayer组件： ``` components: { LivePlayer } ``` 在模板中使用LivePlayer组件来播放视频： ``` <LivePlayer :videoUrl="videoUrl" fluent autoplay live stretch></LivePlayer> ``` 以上代码示例中的`:videoUrl`是一个动态属性，可以根据需要传入视频的URL地址。同时，LivePlayer还支持其他属性，如`fluent`、`autoplay`、`live`和`stretch`等，可以根据实际需求进行配置。 在公司项目开发中，可以利用LivePlayer H5播放器来实现调用海康平台提供的接口获取流地址并进行视频播放的功能。由于它基于Vue开发，非常适合在Vue项目中使用。此外，LivePlayer H5播放器还支持Flash播放，可以满足项目对Flash播放的需求。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [视频播放组件实战【LivePlayer H5播放器】](https://blog.csdn.net/fei1234456/article/details/107016188)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* [LivePlayer H5播放器（实时视频和历史视频）](https://blog.csdn.net/kassiaaaa/article/details/108003406)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值