功能特点

支持MP4播放;
支持m3u8/HLS播放;
支持HTTP-FLV/WS-FLV播放;
支持RTMP播放;
支持直播和点播播放;
支持播放器快照截图;
支持点播多清晰度播放;
支持全屏或比例显示;
自带的flash支持极速和流畅模式;
自带的flash支持HTTP-FLV播放;
自动检测IE浏览器兼容播放;
支持自定义叠加层;

安装

$ npm i @liveqing/liveplayer -S

使用插件

<template><div class="live-player"><div style="width:640px;height:360px;"><LivePlayer videoUrl="assets/video.mp4" /><LivePlayer ref="livePlayer"  :videoUrl="videoUrl"@snapOutside="snapOutside" fluentautoplaylivestretch/></div><ul><li><a @click="pause">暂停</a></li><li><a @click="play">播放</a></li><li><a @click="snap">截图数据</a></li></ul></div>
<template>
<script>
import LivePlayer from '@liveqing/liveplayer'
export default {components: {LivePlayer},data() {return {videoUrl: 'rtmp://live.hkstv.hk.lxdns.com/live/hks2'}},methods: {// 播放play: function () {this.$refs.livePlayer.play();},// 暂停pause: function () {this.$refs.livePlayer.pause();},// 外部API获取快照snap: function () {this.$refs.livePlayer.snap();},// 外部快照回调snapOutside: function (snapData) {console.log(snapData)}}
}
</script>

属性参数

方法

事件

最后附上文档及示例地址

# 文档地址
https://www.liveqing.com/docs/manuals/LivePlayer.html# vue-cli集成示例
https://github.com/livegbs/liveplayer-vc

2020-12-14超强 H5直播/点播播放器LivePlayer相关推荐

VUE中集成H5直播点播播放器LivePlayer过程
基于VUE和webpck的前端工程这里可以参考 https://github.com/livegbs/GB28181-Server 1.安装@liveqing/liveplayer npm -i @ ...
LivePlayer H5直播/点播播放器安装与使用
LivePlayer H5播放器简介 H5直播/点播播放器,使用简单,功能强大, 免费使用支持m3u8播放; 支持HTTP-FLV播放; 支持RTMP播放; 支持直播和点播播放; 支持播放器快照截 ...
永久免费H5直播点播播放器SkeyeWebPlayer.js实现webrtc流播放
永久免费H5直播点播播放器SkeyeWebPlayer.js实现webrtc流播放 1.H5播放webrtc,现在各大浏览器已经逐渐加大对WebRTC技术的支持,成都视开信息科技视频团队开发webrt ...
H5直播/点播播放器
1.liveplayer 一款集rtmp.m3u8/HLS.flv于一身的H5视频流媒体播放器.使用简单,功能强大,免费使用. 文档链接 2.dplayer 一款开源的高质量H5视频播放器,支持发布弹 ...
LivePlayerH5直播点播播放器配置如何配置SWF路径
配置SWF路径 vidojs 已经在 livepayer 依赖js中,无需再次引入 <script> videojs.options.flash.swf = "liveplaye ...
网页直播/点播播放器支持WebRTC/http-flv/rtmp/m3u8等直播流播放
H5播放器 H5直播/点播播放器,使用简单,功能强大支持WebRTC播放; 支持MP4播放; 支持m3u8/HLS播放; 支持HTTP-FLV/WS-FLV播放; 支持RTMP播放; 支持直播和点播 ...
SkeyeWebPlayer免费网页RTSP/RTMP/FLV/HLS/H265/M3U8直播点播播放器-页面动态多播放器添加代码示例
强大的网页直播/点播播放器 SkeyeWebPlayer,使用简单,功能强大, 终身免费使用,支持Windows. Android.iOS平台. SkeyeWebPlayer.js H5播放器是由成都 ...
集RTMP, HLS, FLV, WebSocket 于一身的网页直播/点播播放器EasyPlayer.js引用videojs无法自动播放问题解决
EasyPlayer几乎涵盖了开发者所需的全部平台,尤其是在web端的EasyPlayer.js时遇到的播放器接入的问题,比如:不懂前端的js代码.没有公网服务器放置这些js脚本和网页.微信对接入IP ...
liveplayer免费网页直播|点播播放器-页面动态多播放器添加代码示例
强大的网页直播/点播播放器,使用简单,功能强大, 终身免费使用支持m3u8播放; 支持HTTP-FLV播放; 支持RTMP播放; 支持直播和点播播放; 支持播放器快照截图; 支持点播多清晰度播放; ...

2020-12-14超强 H5直播/点播播放器LivePlayer

超强 H5直播/点播播放器LivePlayer

功能特点

安装

使用插件

2020-12-14超强 H5直播/点播播放器LivePlayer相关推荐

最新文章

热门文章