实验室-关于老铁整一个社会语录api与网抑云热评api（并引入百度语音tts）

前言: 前段时间较火的两件物件，老铁的社会语录和网抑云，又恰好在一个博主的博客了看到了这个api，于是就拿过来酝酿出了这个页面。

效果展示

效果页面：

hotreview

社会语录api

1. 引入api

   <script src="https://cdn.ipayy.net/fcc/api.php?way=a"></script>
   <script>
    fetch("https://cdn.ipayy.net/says/new/api.php?encode=json")
    .then(res => res.json())
    .then(data => susays.innerText = data.say);
   </script>
   <script src="https://cdn.ipayy.net/says/my.js"></script>
   

2. 将以下代码插入到你想把社会语录放置的地方

   <p id="susays">:D 获取中...</p>
   

网抑云api

1. 引入api

    <script>
    $.get("https://v1.hitokoto.cn?c=j",function(data,status){i(status=='success'){$('#poem').html(data.hitokoto);if(datafrom_who!=null){$('#info').html(data.from_who+" · "+"《 +data.from+" 》");}else{$('#info').html(" “ "+data.from+" ” ";}}else{$('#poem').html("获取出错啦");}});
    </script>
   

2. 将以下代码插入到你想把网抑云放置的地方

<h1>网抑云热评</h1>
<p id="poem">loading...</p>
<p id="info">loading...</p>

加入百度语音tts

利用百度语音tts的api，加入想要读取的语音文字，即可朗读，挺有趣的。
源代码：

<audio controls>
  <source id="tts_source" type="audio/mpeg" src="http://ttsbaidu.com/text2audio/text2audio?lan=zh&amp;ie=UTF-8&amp;spd=45&amp;text=
  社会语录，老铁，开始给你安排，
  精神语录网上抄，小心钢棍身上飘，
  王八摸头必有所求，大哥摸头必有所愁。
  兄弟，要开始网抑云了哦。
  遗憾吗，那么喜欢，连张合影都没有。
  你回头看了我一眼，我记了好多年。
  ">
</audio>

参考链接：
社会语录API，老铁，整一个？