今日给大伙儿强烈推荐一个特大型软件DPlayer,用以含有视频弹幕的html5视频播放软件。

d-player是什么软件-player播放器安卓版安装-第1张图片Dplayer是一款开源系统的高品质H5视频播放软件,评星为9.5K 。作者是95年高三后的小鲜肉明星。适用公布视频弹幕,bilbil视頻,实时监控(HLS M3U8 FLV)。

d-player是什么软件-player播放器安卓版安装-第2张图片固定不动

$ npm install dplayer --save

还可以由cdn引进,dplayer的最新版是1.26.0。

https://www.bootcdn.cn/dplayer/

使我们先试着复位一个非常简单的DPlayer。

载入播放软件文档:

应用控制模块管理工具。

import DPlayer from 'dplayer';const dp = new DPlayer(options);

用js复位。

const dp = new DPlayer({ container: document.getElementById('dplayer'), video: { url: 'demo.mp4', },});d-player是什么软件-player播放器安卓版安装-第3张图片DPlayer有充足的主要参数来订制你的播放软件案例。详尽配备如下所示:

const dp = new DPlayer({ container: document.getElementById('dplayer'), autoplay: false, theme: '#FADFA3', loop: true, lang: 'zh-cn', screenshot: true, hotkey: true, preload: 'auto', logo: 'logo.png', volume: 0.7, mutex: true, video: { url: 'dplayer.mp4', pic: 'dplayer.png', thumbnails: 'thumbnails.jpg', type: 'auto', }, subtitle: { url: 'dplayer.vtt', type: 'webvtt', fontSize: '25px', bottom: '10%', color: '#b7daff', }, danmaku: { id: '9E2E3368B56CDBB4', api: 'https://api.prprpr.me/dplayer/', token: 'tokendemo', maximum: 1000, addition: ['https://api.prprpr.me/dplayer/v3/bilibili?aid=4157142'], user: 'DIYgod', bottom: '15%', unlimited: true, }, contextmenu: [ { text: 'custom1', link: 'https://github.com/DIYgod/DPlayer', }, { text: 'custom2', click: (player) => { console.log(player); }, }, ], highlight: [ { time: 20, text: '这也是第 20 秒', }, { time: 120, text: '这也是 2 分鐘', }, ],});

画面质量转换

在video.quality中设定具备不一样智能化的视频链接和种类,并在video.defaultQuality中设定默认设置的可懂度

d-player是什么软件-player播放器安卓版安装-第4张图片const DP = new DPlayer({ container:document . getelementbyid(' DPlayer '),视頻:{ quality: [ { name: 'HD ',url: 'demo.m3u8 ',type: 'hls ',},{ name: 'SD ',url: 'demo.mp4 ',type: 'normal ',},],defaultQuality: 0,pic: 'demo.png ',缩列图:' . jpg ',},});HLS适用

必须在DPlayer.min.js以前载入Hls.js

const dp = new DPlayer({ container: document.getElementById('dplayer'), video: { url: 'demo.m3u8', type: 'hls', }, pluginOptions: { hls: { // hls config }, },});console.log(dp.plugins.hls); // Hls 案例

给予充足的文本文档适用和实例演试。

d-player是什么软件-player播放器安卓版安装-第5张图片d-player是什么软件-player播放器安卓版安装-第6张图片d-player是什么软件-player播放器安卓版安装-第7张图片d-player是什么软件-player播放器安卓版安装-第8张图片

另附新项目文本文档及详细地址另附新项目文档和详细地址。

# 文本文档详细地址http://dplayer.js.org/zh/# 库房详细地址https://GitHub.com/MoePlayer/DPlayer

除此之外,DPlayer系列产品游戏玩家还包含Vue和React版本号。

d-player是什么软件-player播放器安卓版安装-第9张图片

评论(0条)

刀客源码 游客评论