這兩天下班沒事的時候，稍微自制了個簡單的B站專欄朗讀器插件。什么樣的呢？ 就這樣！2333333333333。

（渣渣前端程序員一枚，高科技啥的就不會搞了，只會寫點(diǎn)小東西維持生活這樣子）

（然而該插件只能在PC網(wǎng)頁端用嘍，用的書簽方式你懂的）

作用就是可以使用百度娘來進(jìn)行朗讀你要看的文章，這樣你就可以不用看文章內(nèi)容。直接聽文章了。界面做的很簡陋，待后期優(yōu)化。基本功能已經(jīng)實(shí)現(xiàn)了。

?開發(fā)的原理就是利用百度翻譯的語音朗讀接口。并稍微了解到這個接口的請求參數(shù)。?

就是：http://fanyi.baidu.com/gettts?lan=zh&text=[要朗讀的內(nèi)容]&spd=[朗讀速度]&source=web&[文件名].mp3

例如：http://fanyi.baidu.com/gettts?lan=zh&text=雞你太美&spd=6&source=web&1.mp3

也是在最近使用百度翻譯的時候發(fā)現(xiàn)的靈感。我審查了下元素，發(fā)現(xiàn)我點(diǎn)擊喇叭圖標(biāo)時就會請求這個接口。因此才了想法。

但是這個接口有個缺點(diǎn)就是不能朗讀長度太長的內(nèi)容。經(jīng)過我的幾次試驗(yàn)，發(fā)現(xiàn)這個接口一次使用最多為300個字符（也算不錯，挺長了）。

那如果要朗讀一篇文章，連續(xù)播放n個音頻不就可以了嗎？只需要拿到文章總長度，除以300，不就是n個音頻了嗎[機(jī)智]。再通過拿到音頻的播放狀態(tài)，進(jìn)行連續(xù)播放，不就能實(shí)現(xiàn)無間斷播放的效果了嗎。。。

因此就著手開始做了。暫時就出了一個簡單版本。后續(xù)更新。 這里推薦個防不勝防公眾號 ：Web前端Talk。個人也會在內(nèi)部寫技術(shù)文章。

插件安裝（根據(jù)步驟安裝）：www.cnblogs.com/wuhairui/p/…

歡迎技術(shù)大佬前來提意見。吃瓜群眾前來打尻。

現(xiàn)在的效果：太美不忍直視

所以我覺得，改裝一下，也能用來閱讀掘金的文章了。。。

一枚活躍于前端圈的90后碼農(nóng)
不定期分享互聯(lián)網(wǎng)前端開發(fā)經(jīng)驗(yàn)內(nèi)容
微^信^公^眾^號：Web前端Talk
陪你走在技術(shù)成長的路上，歡迎關(guān)注！

轉(zhuǎn)載于:https://juejin.im/post/5cdae1b8e51d453aa10dff74

總結(jié)

以上是生活随笔為你收集整理的【自制插件】B站专栏语音朗读器 v1.0 专栏你太美的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。