hexo插入音频和视频

音视频准备

在线音视频

如果是在线音视频的话，只要有url就行

本地音视频

在public文件夹下面新建一个resources目录，把视频和音频放在这个目录里面，这里我把视频放在video子目录下面，把音频放在audio子目录下面。

为啥要把资源放在public？只有把资源放在public文件夹下面，网页才能访问！！最开始就是在这里卡了很久一直没法播放，原来是路径设置不对导致没法访问

安装插件

安装aplayer以及dplayer:

npm install hexo-tag-aplayer

npm install hexo-tag-dplayer

关于aplayer以及dplayer语法，参考：

hexo-tag-aplayer

hexo-tag-dplayer

Hexo博客中插入音乐/视频/

DPlayer

http://dplayer.js.org/guide.html#quick-start

然后在md文件中插入如下代码，视频就正常加载起播了，这里播放的是本地视频！

{% 
    dplayer     
    "url=/resources/video/scenery.mp4"  //设置视频目录，这里我放在了网站根目录下面，也就是public目录下面 
    "pic=/resources/images/scenery_three.jpeg" //设置封面图，同样是放在根目录下面 
    "loop=yes"  //循环播放
    "theme=#FADFA3"   //主题
    "autoplay=true"  //自动播放
    "screenshot=true" //允许截屏
    "hotkey=true" //允许hotKey，比如点击空格暂停视频等操作
    "preload=auto" //预加载：auto
    "volume=0.9"  //初始音量
    "playbackSpeed=1"//播放速度1倍速，可以选择1.5,2等
    "lang=zh-cn"//语言
    "mutex=true"//播放互斥，就比如其他视频播放就会导致这个视频自动暂停

    //下面是弹幕相关
    "id=9E2E3368B56CD123BB4"
    "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"
%}

以上只是部分设置，更多参数设置参考DPlayer

插入音频代码,音频就正常加载起播了，这里播放的是在线音频！

aplayer安装不了，先注释：

---

如果您觉得写的还不错，感谢支持：