在Hexo+APlayer博客中添加TTS语音朗读
项目场景:
- 盯屏幕太久,有时候让耳朵听听也不错,而且微软合成的这个声音还算可以的
- 可以用来读睡前小故事哄女朋友哦~· :)如果你声音也不好听的话
- 很多人没办法看完整篇文章,有的只是看看标题就马上略过,那这个朗读完全可以让你边做其他事情,边听完文章
解决方案:
1、安装hexo-tag-aplayer
npm install --save hexo-tag-aplayer
2、打开Hexo的资源文件夹
post_asset_folder: true #文章资源文件夹
marked:prependRoot: truepostAsset: true
3、新建文章
hexo new testAPlayer
就会在_post
文件下除了多了一个testAPlayer.md
文件
还有一个testAPlayer
文件夹用来存放静态资源(图片、mp3、mp4等)
4、在文章中引用
{% aplayer title author url [picture_url, narrow, autoplay, width:xxx, lrc:xxx] %}
参数解释
title
: 曲目标题author
: 曲目作者url
: 音乐文件 URL 地址picture_url
: (可选) 音乐对应的图片地址narrow
: (可选)播放器袖珍风格autoplay
: (可选) 自动播放,移动端浏览器暂时不支持此功能width:xxx
: (可选) 播放器宽度 (默认: 100%)lrc:xxx
: (可选)歌词文件 URL 地址
下面是我的一个示例
{% aplayer "朗读这篇文章" "Azure云希" "shuiqiangushi.wav" %}
其中shuiqiangushi.wav文件就是放在testAPlayer
文件夹中
最终效果:
朗读的语音文件是在微软Azure中生成的,非常好用,调好参数直接下载到本地就可以了。
最后附上我博客的链接:https://blog.gzncpcc.xyz/2022/02/22/testAPlayer/#more
参考链接
https://github.com/MoePlayer/hexo-tag-aplayer/blob/master/docs/README-zh_cn.md
https://hexo.io/zh-cn/docs/asset-folders.html#%E6%96%87%E7%AB%A0%E8%B5%84%E6%BA%90%E6%96%87%E4%BB%B6%E5%A4%B9
在Hexo+APlayer博客中添加TTS语音朗读相关推荐
- hexo博客中添加categories分类
title: hexo博客中添加categories分类 date: 2020-04-01 16:45:16 tags: hexo categories: 学习 方法如下: 在根目录下scaffold ...
- 如何在博客中添加Aplayer音乐播放器
前言 是否有一首音乐,前奏一响起,让你灵魂不自主的颤栗.音乐就像老胶卷,每个旋律,每句歌词,都承载着每个人的往事回忆和情愫感受. 我收藏了好多的音乐,奈何好多音乐受版权限制,需要购买VIP才能听,还有 ...
- 博客中添加动漫妹子,总有一个适合你,嘿嘿嘿!
常喜欢逛博客的你,是不是会碰到一些有意思的东西,有很多博客网站都有一个卡通人物,它一直盯着你鼠标移动的地方,俗称看板娘. 是不是好想拥有她? 今天就来讲讲如何在自己的博客中添加类似的功能.如果你的数学 ...
- 【转】在你的博客中添加Google地图(Use Google Map API On Your Bolg)
在你的博客中添加Google地图(Use Google Map API On Your Bolg) *+申请一组 Google Maps API Key 在使用 Google Maps API 之前, ...
- 2020-04-19-如何在博客中添加视频链接
layout title subtitle date author preview-img header-img catalog istop music-id music-idfull apserve ...
- jekyll个人博客中添加音乐播放插件
方法一: 环境要求 jekyll 七牛 开始使用 step1 首先下载这个文件open-embed.html,右键,另存为Html;下面是源码,也可以复制保存下面的源码; <style> ...
- 在CSDN博客中添加量子恒道统计功能的做法
作者:朱金灿 来源:http://blog.csdn.net/clever101 什么是量子恒道统计?量子恒道统计是一套免费的网站流量统计分析系统.致力于为所有个人站长.个人博主.所有网站管理者.第三 ...
- hexo博客中添加音乐播放器
1. 简介 本篇文章是介绍基于网易云iframe插件在hexo博客中加装音乐播放器的方法,无需安装任何额外插件. 2.安装步骤 在网易云音乐中打开你想要插入的音乐页面,点击 生成外联播放器. 在网页中 ...
- 如何在新浪博客中添加JavaScript代码
新浪博客中不能包含JavaScript代码和IFrame的代码.如果要在博客中加入像Google的广告之类的JavaScript代码,一般的方法是不行的. 今天试了一上午,搞定了. 原理:将JavaS ...
最新文章
- c程序设计语言_习题8-4_重新实现c语言的库函数fseek(FILE*fp,longoffset,intorigin)
- 微生物培养的福音:一个直接用16S rDNA序列来预测其培养基配方的网站!!!...
- pandas 里面对nan的判断
- Apache+PHP+MySQL+phpMyAdmin+WordPress搭建
- 简练软考知识点整理-控制干系人参与
- Object-C 打开工程,选择模拟起时,提示no scheme
- 【MYSQL】总结MySQL中对表内容的关联运算(join)
- 二级VB培训笔记04:程序控制结构、数组和过程
- box-sizing的不同属性值间的区别
- 服务器控件编程中的控件状态保存机制
- 如何在Vue中使用websocket?
- Oracle 10g闪回恢复区 (Flash Recovery Area)
- mysql驱动和版本问题_MysqlJDBC驱动版本与Mysql版本的对应问题解决
- matlab怎么输入学号姓名,matlab如何创建一个构架数组用于统计学生的情况包括学生的姓名学号各科成绩等??...
- p2psear正在连接服务器,P2PSearcher无法连接到网络,也无法连接到服务器
- 信息安全的CIA三要素
- 输入192.168.1.1登陆页面打不开怎么办
- 日序计算器(计算某日期在该年为第几天)
- 联想z5 Android 9.0,联想Z5 Pro(安卓9.0)刷机教程 联想Z5 Pro刷机图解
- tis红石服务器交通系统,我的世界红石生存服务器TIS,真正的大神团队,惊叹世界的杰作...