想给Typecho页面加个音频播放功能, 搜了下发现需要Plugin. 找到的插件都是从网易云或者QQ音乐等的歌单读取歌曲, 这样的话歌曲来源就很有限了, 而且有人是不用软件这些听歌的 (比如我). 找了一下发现一个叫 Plyr的插件, 被人做成Typecho的插件叫 Typecho-Plugin-Plyr. Clone下来后放在Typecho的plugins目录并重命名为plyr, 然后就可以在后台开启了.

使用

路径里填入影音的链接就好. 如果是想播放本地文件, 只用将文件放在typecho目录的usr/uploads下然后像图片一样填上地址就好. 比如 https://xxx.com/usr/uploads/2022/08/Coke-Town.mp4.

MP4

<video src="https://xxx.com/xxx.mp4"></video>

带封面

<video poster="https://xxx.com/xxx.jpg" src="https://xxx.com/xxx.mp4"></video>

MP3

<div><audio src="http://xxx.com/xxx.mp3"></audio></div>

一些参数

preload: 用于定义视频是否预加载的属性.

<video src="https://xxx.com/xxx.mp4" preload="metadata"></video>
参数说明
metadata指示当页面加载后仅加载音频/视频的元数据.
none页面加载后不加载音频/视频.
auto一旦页面加载, 则开始加载音频/视频.

预览效果

MP4

MP3

Tags: none

4 Comments

  1. 内容的丰富性和深度让人仿佛置身于知识的海洋,受益匪浅。

  2. 文章中的实用建议和操作指南,让读者受益匪浅,值得珍藏。

  3. 结论升华部分可联系更高维度价值观。

  4. 文章深入浅出,既有深度思考,又不乏广度覆盖,令人叹为观止。

Leave a comment...