dplayer - 腾讯云开发者社区

文章/答案/技术大牛

发布

dplayer使用_dplayer官方下载

. --> DPlayer.min.js"> 选项 var dp = new DPlayer({ element: document.getElementById...pause: DPlayer 暂停时触发 canplay: 在有足够的数据可以播放时触发 playing: DPlayer 播放时定期触发 ended: DPlayer 结束时触发 error: 发生错误时触发...DPlayer.min.js 之前加载。...var dp = new DPlayer({ // ... video: { url: 'xxx.flv' // ... } }); 使用bundler模块 var DPlayer...= require('DPlayer'); var dp = new DPlayer(option); 其他类似工具: DPlayer, videos.js, ckplayer, vue-DPlayer

4K3 0

DPlayer快速上手实验

本次演示是在Linux上进行首先安装 dplayer 1.CentOS安装Yarn wget https://dl.yarnpkg.com/rpm/yarn.repo -O /etc/yum.repos.d...yarn add dplayer 3.创建html文件并添加dplayer(如下所示) 注：在jsdeliver中可以找到Dplayer, DPlayer.main.js 链接 https://www.jsdelivr.com.../package/npm/dplayer?...dplayer" > dplayer@1.26.0/dist/DPlayer.min.js"> const dp = new DPlayer({ container: document.getElementById('dplayer'), screenshot

1.3K1 0

您找到你想要的搜索结果了吗？

是的

没有找到

Dplayer for typecho使用

https://github.com/MoePlayer/DPlayer-Typecho 使用方式下载后将文件夹名改为DPlayer上传启用即可默认不自动播放，弹幕不开启 [dplayer url...="http://xxx.com/xxx.mp4" pic="http://xxx.com/xxx.jpg"/] 开启弹幕 [dplayer url="http://xxx.com/xxx.mp4"...pic="http://xxx.com/xxx.jpg" danmu="true"/] 开启自动播放 [dplayer url="http://xxx.com/xxx.mp4" pic="http:/

1.7K3 0

dplayer的一些设置

# 默认不自动播放，弹幕开启 [#dplayer url="http://xxx.com/xxx.mp4" pic="http://xxx.com/xxx.jpg"/] # 关闭弹幕 [#dplayer...url="http://xxx.com/xxx.mp4" pic="http://xxx.com/xxx.jpg" danmu="false"/] # 开启自动播放 [#dplayer url="http...://xxx.com/xxx.mp4" pic="http://xxx.com/xxx.jpg" autoplay="true"/] # 添加额外弹幕源(例：bilibili弹幕) [#dplayer...://xxx.com/xxx.mp4" pic="http://xxx.com/xxx.jpg" autoplay="true" addition="https://api.prprpr.me/dplayer

3.6K3 1

弹幕库对接+Dplayer API接口

调用参数 "av":'<?php echo($_GET['av']);?>',//B站av号，用于调用弹幕 "url":"<?php echo($_GET['u...

2K2 0

Docker 安装DPlayer-node API弹幕接口

dplayer 弹幕API DPlayer DPlayer是一个可爱的HTML5 danmaku视频播放器，可以帮助人们轻松地构建视频和danmaku。...安装DPlayer弹幕 Github地址：https://github.com/MoePlayer/DPlayer-node 安装Docker # 安装Docker curl -sSL https://...使用作者提供的插件 Typecho：https://github.com/volio/DPlayer-for-typecho Hexo：https://github.com/NextMoe/hexo-tag-dplayer...Z-Blog：https://github.com/fghrsh/DPlayer_for_Z-BlogPHP Discuz!...('dplayer'), video: { url: url }, danmaku: { id: id, api: 'https://dplayer.alone88

2.2K1 0

分享一个 DPlayer视频弹幕接口

教程地址弹幕文档 hls dash webtorrent Dplayer DPlayer是一个支持弹幕的HTML5视频播放器。...支持Bilibili视频和danmaku，支持HLS、FLV、MPEG DASH、WebTorrent以及其他视频格式，支持截屏、热键、切换清晰度以及字幕等官方文档：https://dplayer.js.org.../ 弹幕接口接口地址：https://dplayer.alone88.cn 禁止用于非法网站使用教程请看官方文档本文由 Alone88 创作，采用知识共享署名4.0 国际许可协议进行许可本站文章除注明转载

6.3K5 0

使用Docker搭建DPlayer视频弹幕接口API后端

说明：之前有同学要求博主出个DPlayer弹幕后端搭建教程，刚好本博客的Handsome主题更新并完美适配了Dplayer，然后就研究了下，发现了点小问题，如作者提供的弹幕API加载不出弹幕，而且Typecho...简介 DPlayer是一个支持弹幕的HTML5视频播放器。...数据和日志存放在/root/dplayer文件夹。.../hexo-tag-dplayer Z-Blog：https://github.com/fghrsh/DPlayer_for_Z-BlogPHP Discuz!..." rel="stylesheet"> dplayer"> dplayer/DPlayer.min.js

3.4K1 1

WordPress集成DPlayer支持m3u8视频播放

DPlayer简介 DPlayer是采用MIT许可的开源项目，使用完全免费。官方介绍是一款可爱的HTML5弹幕视频播放器。...(array("type"=>'hls'),$atts)); return ' dplayer"> const dp = new DPlayer(...': { }, }, }); '; } add_shortcode('dplayer', 'dplayer'); 3....编辑文章时添加以下短代码 mp3音频短代码： php [dplayer type="auto"]MP3音频地址[/dplayer] m3u8视频短代码： php [dplayer type="hls"]...M3U8视频流地址[/dplayer] mp4视频短代码： php [dplayer type="flv"]mp4视频地址[/dplayer] js文件必须在短代码之前加载，不然会失效，

3.1K1 0

修复官方Dplayer-Typecho插件不能连接弹幕API后端的方法

方法官方插件地址：https://github.com/MoePlayer/DPlayer-Typecho 修复后的地址：https://github.com/menhood/DPlayer-Typecho...1、直接使用去提供修复后的Github地址下载插件，然后将文件夹名改为DPlayer上传到usr/plugins目录启用即可。...2)然后下载该地址的4个文件：https://github.com/MoePlayer/DPlayer/tree/master/dist 3)将下载的文件复制并替换旧插件dplayer/dist目录的4...#默认不自动播放，弹幕开启 (dplayer url="http://xxx.com/xxx.mp4" pic="http://xxx.com/xxx.jpg"/] #关闭弹幕 (dplayer url...api.prprpr.me/dplayer/v3/bilibili?

1.6K0 0

HEXO进阶使用教程

P1_Prod_Version=ShockwaveFlash"> 使用hexo插件插入视频 hexo-tag-dplayer：https://github.com/NextMoe/hexo-tag-dplayer...Installation: npm install hexo-tag-dplayer --save Usage: {% dplayer key=value ... %} 参数说明及详细信息，详细见github...官网官方实例： {% dplayer "url=http://devtest.qiniudn.com/若能绽放光芒.mp4" "addition=https://dplayer.daoapp.io/bilibili...aid=4157142" "api=http://dplayer.daoapp.io" "pic=http://devtest.qiniudn.com/若能绽放光芒.png" "id=9E2E3368B56CDBB4

1.2K3 0

hexo博客插入音视频

iframe、aplayer、dplayer aplayer本地音频 1.博客中如果要插入本地音频，需要先安装hexo-tag-aplayer，在你的cmd输入 npm install --save..."accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen> dplayer...本地视频和applayer一样 1.博客中如果要插入本地视频，需要先安装hexo-tag-dplayer，在你的cmd输入 npm install hexo-tag-dplayer --save 2....post_asset_folder: true 打开这个可以让你new新的文章时生成同名文件夹当然如果你要使用别的路径，可以忽略这步 3.把视频文件放到同名文件夹里，然后在文章插入以下语句 {% dplayer...FADFA3" "autoplay=false" "token=tokendemo" %} 第一个引号是文件名其他详细参数参考https://github.com/NextMoe/hexo-tag-dplayer

1.9K6 0

滥用Jsdelivr之存储视频m3u8，并使用DPlayer加载

在这里，我们使用DPlayer，只需要在引入 DPlayer.js 之前，引入 hls.js 即可，即： dplayer" class="dplayer-video dplayer dplayer-no-danmaku dplayer-paused...; } }) 修改Dplayer样式为了极简化播放器，我将DPlayer的全部操作区间都给删掉了（display:none），这样就让视频区显得更加的纯粹...important; } .dplayer-bezel{ display: none !...important; } .dplayer-notice{ display: none !

3.5K0 0

将 mp4 视频切片成 ts 后使用 jsDelivr 加速制作视频床

将 mp4 转为 ts 后, 使用 ffmpeg 将 ts 文件切片, 然后上传到 Github 的仓库里此处使用的播放器为 DPlayer: http://dplayer.js.org/zh/ 使用之前要必须先引入...hls.js 也可以用 hexo-tag-dplayer...通过外挂标签的形式使用 DPlayer: {% dplayer "url=https://cdn.jsdelivr.net/gh/ayasa520/assets/%E8%96%87%E8%96%87%

1.2K3 0

WordPress视频播放器插件技术对比：RTSP、WebRTC与H.265支持分析

本文将从技术实现角度，对DPlayer、NPlayer以及ZWPlayer三款主流WordPress插件进行横向对比，分析其在不同协议栈下的兼容性与应用场景。...二、常见插件方案分析1.DPlayer(WordPress版)技术架构：基于开源的DPlayer.js内核。适用场景：泛娱乐、动漫、二次元站点。...技术现状：DPlayer核心优势在于弹幕系统（Danmaku）。但在底层解码能力上，由于其核心库更新频率较低，对于H.265编码以及WebRTC标准流的支持存在技术瓶颈。...四、参数与能力对比表维度DPlayer(WP插件)NPlayerZWPlayer底层架构DPlayer.js封装层自研多协议内核RTSP支持需后端转码需后端转码原生支持(WebSocket)WebRTC...五、选型建议在选择WordPress视频插件时，建议根据实际业务的技术需求进行决策：强弹幕需求：如果站点核心是弹幕互动，DPlayer的弹幕生态更为成熟。

1091 0

COS 音视频实践 | 多种姿势让你的视频“跑”起来

DPlayer：DPlayer 是一款可爱的 HTML5 弹幕视频播放器，可帮助人们轻松构建视频和弹幕，是一款功能丰富、开箱即用的播放器。 4....DPlayer 引入对应的视频文件； dplayer/dist/DPlayer.min.js">...设置播放器节点； dplayer"> 初始化播放器，并设置 COS 视频文件对象地址； const dp = new DPlayer({ container...: document.getElementById('dplayer'), video: { url: 'https://video-public-1259789488.cos.ap-guangzhou.myqcloud.com...又例如，您需要一款开箱即用、功能丰富的播放器，那么 DPlayer 或 griffith 可能适合您。双例如，您需要一款高可定制、功能完备的播放器，那么 Videojs 或 Plyr 可能适合您。

2.3K3 0

Attention,BiLSTM以及Transform

Attention (function(){var player = new DPlayer({"container":document.getElementById("dplayer0"),"theme...:"https://jalammar.github.io/images/attention_process.mp4"},"danmaku":{"api":"https://api.prprpr.me/dplayer...(function(){var player = new DPlayer({"container":document.getElementById("dplayer1"),"theme":"#FADFA3...https://jalammar.github.io/images/attention_tensor_dance.mp4"},"danmaku":{"api":"https://api.prprpr.me/dplayer

2.4K2 0

COS 音视频实践 | 多种姿势让你的视频“跑”起来

DPlayer：DPlayer 是一款可爱的 HTML5 弹幕视频播放器，可帮助人们轻松构建视频和弹幕，是一款功能丰富、开箱即用的播放器。 4....DPlayer 引入对应的视频文件； dplayer/dist/DPlayer.min.js"> 设置播放器节点...； dplayer"> 初始化播放器，并设置 COS 视频文件对象地址； const dp = new DPlayer({ container: document.getElementById...('dplayer'), video: { url: 'https://video-public-1259789488.cos.ap-guangzhou.myqcloud.com/test.mp4...又例如，您需要一款开箱即用、功能丰富的播放器，那么 DPlayer 或 griffith 可能适合您。双例如，您需要一款高可定制、功能完备的播放器，那么 Videojs 或 Plyr 可能适合您。

2.8K3 0

Hexo Customization

: "https://歌词.lrc" } ] } {% endaplayerlist %} 视频首先在站点文件夹根目录安装插件： npm install hexo-tag-dplayer...--save 然后文章中的写法： {% dplayer "url=https://什么什么什么.mp4" "https://封面图.jpg" "api=https://api.prprpr.me/dplayer

4252 0

Mirages短代码使用

/1.25.0/DPlayer.min.css', '/dplayer/1.25.0/DPlayer.min.js', '...option.type = type : null; const dplayer = new DPlayer({ container: child, preload.../1.25.0/DPlayer.min.css', '/dplayer/1.25.0/DPlayer.min.js', '...option.type = type : null; const dplayer = new DPlayer({ container: child, preload...--DPlayer API end--> <!

2.9K4 0

点击加载更多

dplayer使用_dplayer官方下载

DPlayer快速上手实验

Dplayer for typecho使用

dplayer的一些设置

弹幕库对接+Dplayer API接口

Docker 安装DPlayer-node API弹幕接口

分享一个 DPlayer视频弹幕接口

使用Docker搭建DPlayer视频弹幕接口API后端

WordPress集成DPlayer支持m3u8视频播放

修复官方Dplayer-Typecho插件不能连接弹幕API后端的方法

HEXO进阶使用教程

hexo博客插入音视频

滥用Jsdelivr之存储视频m3u8，并使用DPlayer加载

将 mp4 视频切片成 ts 后使用 jsDelivr 加速制作视频床

WordPress视频播放器插件技术对比：RTSP、WebRTC与H.265支持分析

COS 音视频实践 | 多种姿势让你的视频“跑”起来

Attention,BiLSTM以及Transform

COS 音视频实践 | 多种姿势让你的视频“跑”起来

Hexo Customization

Mirages短代码使用

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐