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

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

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

作用就是可以使用百度娘來進行朗讀你要看的文章，這樣你就可以不用看文章內容。直接聽文章了。界面做的很簡陋，待后期優化?；竟δ芤呀泴崿F了。

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

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

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

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

但是這個接口有個缺點就是不能朗讀長度太長的內容。經過我的幾次試驗，發現這個接口一次使用最多為300個字符（也算不錯，挺長了）。

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

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

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

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

現在的效果：太美不忍直視

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

一枚活躍于前端圈的90后碼農
不定期分享互聯網前端開發經驗內容
微^信^公^眾^號：Web前端Talk
陪你走在技術成長的路上，歡迎關注！

轉載于:https://juejin.im/post/5cdae1b8e51d453aa10dff74

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。