Dplayer&Aplayer For WordPress插件

正文索引 [隐藏]

介绍

如题,这是一个(写了一半的)Dplayer和Aplayer的wordpress插件。

因为自己刚好有一些做在线播放的需求,所以就看上了Dplayer,毕竟比较简单,适合我这种菜鸡……

本插件部分构造方法参考了APlayerHandle和DPlayerHandle,作者kn007,项目地址:https://github.com/kn007/APlayerHandles

插件的特点如下:

  • 兼容任何主题;
  • 包括完整功能的Dplayer和Aplayer;
  • 无需jQuery;
  • 完全从页面底部加载JS;
  • 原生支持分集切换(还没做完);

插件下载

坚果云

更新记录

  • 2019-10-20 随手写了一下就发布了;

计划中的功能

  • 支持设置使用本地库或者远程库;
  • 支持设置默认封面;
  • Aplayer支持解析网易云音乐;
  • DPlayer支持发送弹幕(使用laravel-danmaku);
  • DPlayer支持直播模式;
  • DPlayer支持同一个页面中加载多个视频(无需填写id);
  • DPlayer支持字幕;
  • DPlayer支持生成视频截图(使用DPlayer-thumbnails)

Dplayer使用教程

基础的短代码格式

【dplayer url=”https://yourdomain.com/video.mp4″】

完整的短代码格式

【dplayer id=”1″ url=”https://yourdomain.com/video.mp4″ pic=”https://yourdomain.com/videocover.jpg” autoplay=”false” theme=”#b7daff” loop=”false” preload=”auto” type=”auto” mutex=”ture”】

参数说明

  • id播放器id(如果在同一个页面中需要加载多个视频,则需要填写id区分,否则会报错)
  • url视频地址(必填项)
  • pic视频封面(默认为空值)
  • autoplay自动播放(可选值ture|falese, 默认设置为false);
  • theme播放器配色 (默认为#b7daff’);
  • loop循环播放(可选值ture|falese, 默认设置为false);
  • preload视频预加载(可选值none|metadata|auto,默认设置为auto)
  • type视频格式(可选值auto|hls|flv|dash|normal,默认设置为auto)
  • mutex阻止多个播放器同时播放(可选值ture|falese, 默认设置为false)

需要更多参数的同学可以自己改代码添加,目前我只添加了这几个常用的。

Aplayer使用教程

短代码格式

【aplayer id=”1″ theme=”#333″ autoplay=”false” theme=”#fff'” loop=”all” order=”list”】

【aplayer_trac title=”音乐标题1″ author=”艺术家1″ url=”https://yourdomain.com/music1.mp3″ pic=”https://yourdomain.com/musiccover1.jpg” 】

【aplayer_trac title=”音乐标题2″ author=”艺术家2″ url=”https://yourdomain.com/music2.mp3″ pic=”https://yourdomain.com/musiccover2.jpg” 】

【/aplayer】

参数说明

  • id播放器id(如果在同一个页面中需要加载多个播放器,则需要填写id区分,否则会报错);
  • url音频地址(必填项);
  • pic音频封面(默认为images/cover.png);
  • autoplay自动播放(可选值ture|falese, 默认设置为false);
  • theme播放器配色 (默认为#fff);
  • loop循环播放(可选值all|one|none, 默认设置为all);
  • order循环顺序(可选值list|random,默认设置为list);

需要更多参数的同学同样可以自己改代码添加,因为没添加吸底模式和迷你模式的参数,所以没法用哦。