hexo博客结合百度语音合成为你的博客添加欢迎语音

简介: 今晚在知乎和CSDN看文章时都发现了文章有点击即可朗读,将文字转换成语音,虽然机器音很严重,但可以将这个用来做个人博客的一个欢迎语。也就是别人点击你博客进入的时候会自动播放这个欢迎语,有点像是你去商店买东西,迎接你的小姐姐说的“欢迎您光临本

前言

今晚在知乎和CSDN看文章时都发现了文章有点击即可朗读,将文字转换成语音,虽然机器音很严重,但可以将这个用来做个人博客的一个欢迎语。也就是别人点击你博客进入的时候会自动播放这个欢迎语,有点像是你去商店买东西,迎接你的小姐姐说的“欢迎您光临本店”。
是不是很炫酷?当有人访问你博客的时候,欢迎提示语。
具体效果请点击(在PC端才会自动播放,客户端目前不支持自动播放,但是可以手动点击左下角的播放按钮即可体验)
在这里插入图片描述
在这里插入图片描述

为hexo博客添加APlayer

APlayer就是支持在网页播放音乐的一个库,具体怎么添加可以稍微百度下很简单,如果想省事,就复制我的博客,在主题下的source的dist下找到music.js
四个参数代表的含义分别是

name:歌曲的名字
artist:作者名字
url:歌曲的外链
cover:歌曲封面图片的外链

歌曲和图片外链可以在这里进行获取,这里我们做的是欢迎语,所以欢迎语的外链得从百度AI开放平台那边获取,具体怎么操作呢/

在百度AI开放平台注册账号并获取相应的key

1、注册:最好直接用自己百度账号注册
在这里插入图片描述
2、创建应用
在这里插入图片描述
这里我已经创建了一个应用

在这里插入图片描述
创建应用没什么需要注意的,按照默认的选择复选框即可。这个时候回到应用列表点开你的应用会看到标红的这两个值是接下来要用的
在这里插入图片描述

拼接欢迎语URL

1、先获取access_token
由于百度做的加密防护,先要获取access_token才可以去请求URL并且access_token(30天)后过期。需要手动刷新
获取token地址:

https://aip.baidubce.com/oauth/2.0/token?grant_type=client_credentials&client_id=这里填你的API Key(刚才获得的)&client_secret=这里填你的Secret Key

返回值中就有access_token,可以用postman调用接口
2、拼接URL
欢迎语的URL为:

https://tsn.baidu.com/text2audio?tex=你好呀,欢迎您光临我的博客,有问题您可以点击右下角的在线客服,我会第一时间联系您,您也可以在留言区留言或者文章底部留言&lan=zh&cuid=123456&ctp=1&tok=替换成你刚获取的access_token

txt后面替换为你的欢迎语即可。
赶紧试一下吧。

目录
相关文章
|
1月前
|
人工智能 搜索推荐 语音技术
有道开源的国产语音库EmotiVoice爆火了!具有情绪控制功能的语音合成引擎!
有道开源的国产语音库EmotiVoice爆火了!具有情绪控制功能的语音合成引擎!
|
1月前
|
自然语言处理 API 语音技术
Python加百度语音API实现文字转语音功能
Python加百度语音API实现文字转语音功能
52 0
|
9月前
|
文字识别 API 语音技术
百度语音技术:文字识别转化为语音在线API和PHP-SDK开发文档的学习
百度语音技术:文字识别转化为语音在线API和PHP-SDK开发文档的学习
65 0
|
存储 缓存 Java
Android 百度语音合成 (含离线、在线、API合成方式,详细步骤+源码)
Android 百度语音合成 (含离线、在线、API合成方式,详细步骤+源码)
502 0
Android 百度语音合成 (含离线、在线、API合成方式,详细步骤+源码)
|
存储 移动开发 API
号外!号外!百度语音开源库更新了
号外!号外!百度语音开源库更新了
309 0
|
移动开发 JavaScript 语音技术
开源:ReactNative集成百度语音开源库
开源:ReactNative集成百度语音开源库
327 0
|
移动开发 人工智能 编解码
ReactNative集成百度语音合成
ReactNative集成百度语音合成
332 0
ReactNative集成百度语音合成
|
语音技术 开发工具 Python
Python 技术篇-百度语音合成SDK接口调用演示
Python 技术篇-百度语音合成SDK接口调用演示
274 0
Python 技术篇-百度语音合成SDK接口调用演示
|
API 语音技术 Python
Python 技术篇-百度语音合成API接口调用演示
Python 技术篇-百度语音合成API接口调用演示
344 0
Python 技术篇-百度语音合成API接口调用演示
|
API 语音技术
API接口调用里的QPS指什么?百度语音API里的QPS实例说明
API接口调用里的QPS指什么?百度语音API里的QPS实例说明
464 0
API接口调用里的QPS指什么?百度语音API里的QPS实例说明