您的位置首页  家电产品  电视

手机快播放器下载(Dplayerh5手机播放器下载)

  • 来源:互联网
  • |
  • 2022-10-12
  • |
  • 0 条评论
  • |
  • |
  • T小字 T大字

手机快播放器下载(Dplayerh5手机播放器下载)

 

今天给大家推荐一个超强大的html5含弹幕视频播放器插件DPlayer。

dplayer一款开源的高质量H5视频播放器,Star高达9.5K+。作者是一名大四95后小鲜肉。支持发布弹幕、Bilibili视频及实时视频(HLS M3U8 FLV)等格式。

安装

$ 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, }, });

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 设置默认清晰度

const dp = new DPlayer({ container: document.getElementById(dplayer), video: { quality: [ { name: HD, url: demo.m3u8, type: hls, }, { name: SD, url: demo.mp4, type: normal, }, ], defaultQuality: 0, pic: demo.png, thumbnails: thumbnails.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 实例

提供丰富的文档支持及示例演示

家电小常识:上厕所时玩手机当心得痔疮,时下的低头族喜欢玩手机,甚至连走路、吃饭或上厕所时都要玩手机。但有医生警告说,当你坐在马桶上时,最好不要使用手机,因为这会增加罹患痔疮的风险。

附上项目文档及地址

文档地址 http://dplayer.js.org/zh/ 仓库地址 https://github.com/MoePlayer/DPlayer

另外,DPlayer系列播放器还包含Vue和React版本。

Vue-DPlayerhttps://dplayer.netlify.app/React-DPlayerhttps://github.com/MoePlayer/react-dplayer

好了,就分享到这里。感兴趣的同学可以去看下哈!如果小伙伴们有其它优秀的H5播放器,欢迎一起交流讨论。

家电小常识:电暖器是如何加热的?目前市面上常见的电暖器有油汀式、风扇式、小太阳和对流型几种。

免责声明:本站所有信息均搜集自互联网,并不代表本站观点,本站不对其真实合法性负责。如有信息侵犯了您的权益,请告知,本站将立刻处理。联系QQ:
TAGS标签更多>>
热网推荐更多>>