100多年前的地?cái)?/span>

寒冬殘荷

195400 發(fā)表于 2021-10-15 15:07
代碼基本是原來(lái)的就加了幾句與文字轉(zhuǎn)語(yǔ)音相關(guān)的語(yǔ)句

怪了，您的那個(gè)文字轉(zhuǎn)語(yǔ)音相關(guān)的語(yǔ)句，我用放在html代碼調(diào)試器中運(yùn)行可以，放到這里不行。

195400

紅楓 發(fā)表于 2021-10-15 15:22
我的意思是不用協(xié)調(diào)，不啟動(dòng)有音樂(lè)就行，只是音量小些，突出文字朗讀罷了。僅是提議而己！

哦，那要找個(gè)舒緩的背景音樂(lè)，不過(guò)兩個(gè)聲音是不是同時(shí)都響就難說(shuō)了。

195400

寒冬殘荷 發(fā)表于 2021-10-15 15:23
怪了，您的那個(gè)文字轉(zhuǎn)語(yǔ)音相關(guān)的語(yǔ)句，我用放在html代碼調(diào)試器中運(yùn)行可以，放到這里不行。

是不是差了點(diǎn)擊的那一下？

寒冬殘荷

195400 發(fā)表于 2021-10-15 15:46
是不是差了點(diǎn)擊的那一下？

<div style="position:relative; width:900px;height:auto;text-align:justify;line-height:60px;font-size:30px;color:#f00;letter-spacing:2px;overflow: hidden;border:2px #FF0 solid;margin:0px auto;border-radius:16px;padding:20px; " >　　
        這是在網(wǎng)頁(yè)上通過(guò)JS實(shí)現(xiàn)文本的語(yǔ)音朗讀，即語(yǔ)音合成。語(yǔ)音合成也被稱(chēng)為文本轉(zhuǎn)換技術(shù)（TTS），它是將計(jì)算機(jī)自己產(chǎn)生的、或外部輸入的文字信息轉(zhuǎn)變?yōu)榭梢月?tīng)得懂的、流利的口語(yǔ)輸出的技術(shù)。
<audio controls loop autoplay src="http://tts.baidu.com/text2audio?lan=zh&ie=UTF-8&spd=6&text=這是在網(wǎng)頁(yè)上通過(guò)JS實(shí)現(xiàn)文本的語(yǔ)音朗讀，即語(yǔ)音合成。語(yǔ)音合成也被稱(chēng)為文本轉(zhuǎn)換技術(shù)（TTS），它是將計(jì)算機(jī)自己產(chǎn)生的、或外部輸入的文字信息轉(zhuǎn)變?yōu)榭梢月?tīng)得懂的、流利的口語(yǔ)輸出的技術(shù)。">
</audio>
</div>

寒冬殘荷

上面的代碼在html調(diào)試器里正常讀出，語(yǔ)速取6時(shí)，語(yǔ)音文件長(zhǎng)度17秒，取5時(shí)20秒。在這里有聲音，但不正常，語(yǔ)音文件長(zhǎng)度1秒。（原來(lái)不直接放語(yǔ)音接口在這里就可以朗讀正常。樓主的正常，應(yīng)該是所有圖片是使用這里上傳的。2021.10.20補(bǔ)記。）

195400

寒冬殘荷 發(fā)表于 2021-10-15 16:41
上面的代碼在html調(diào)試器里正常讀出，語(yǔ)速取6時(shí)，語(yǔ)音文件長(zhǎng)度17秒，取5時(shí)20秒。在這里有聲音，但不正常，語(yǔ) ...

不能依賴(lài)lautoplay能自動(dòng)播放，好些瀏覽器禁止了自動(dòng)播放，也許某些網(wǎng)站也禁止了這功能，禁止是為了安全的考慮。
例如，我測(cè)試這段代碼時(shí)就沒(méi)自動(dòng)開(kāi)始播放（chrome）。

195400

寒冬殘荷 發(fā)表于 2021-10-15 16:41
上面的代碼在html調(diào)試器里正常讀出，語(yǔ)速取6時(shí)，語(yǔ)音文件長(zhǎng)度17秒，取5時(shí)20秒。在這里有聲音，但不正常，語(yǔ) ...

1. <div id="showTxt" style="color:red;font:bold 2em 微軟雅黑;"></div>
   
2. <input type="button" value="click to play" id='mp'>
   
3. <script type="text/javascript">
   
4. var picDesc = [
   
5. "吃，乃人生存之根本。所以，食品攤永遠(yuǎn)不愁沒(méi)生意！",
   
6. "熱氣騰騰的燒餅攤。燒瓶小哥滿(mǎn)臉疑惑，似乎在問(wèn)：要不要來(lái)一個(gè)？",
   
7. "茶飲攤。喝茶就喝茶，可千萬(wàn)別惹攤主，看這模樣，功夫一定了得！",
   
8. "冰糖葫蘆攤。如此特色的傳統(tǒng)小吃，讓人垂涎三尺。",
   
9. "白酒攤。大爺：口饞不？來(lái)一杯解解饞？",
   
10. "粽子攤。顧客吃得津津有味，老板滿(mǎn)臉欣慰。",
    
11. "宵夜攤。寒冷的冬夜，必須來(lái)一碗熱湯暖暖身子。",
    
12. "攤主這呦呵勁，可高興了！不過(guò)這地?cái)傇O(shè)備罕見(jiàn)，到底是買(mǎi)啥的呢？",
    
13. "粉絲攤。堆積如山的貨量，不用愁沒(méi)貨！",
    
14. "魚(yú)干攤。邊晾曬邊買(mǎi)賣(mài)，制作與賺錢(qián)互不相誤。",
    
15. "糖果攤。吸引了那么多小朋友，攤主是妥妥的孩子王！",
    
16. "賣(mài)棗攤。攤主細(xì)心周到，份量都已經(jīng)給您分好啦！",
    
17. "竹、草編器具攤。堆疊的這么高，非常引人注目！",
    
18. "理發(fā)攤。設(shè)備十足，理發(fā)師也非常有架勢(shì)！",
    
19. "修腳攤。原來(lái)腳部按摩服務(wù)早就有了！",
    
20. "補(bǔ)鞋攤。攤主精心修補(bǔ)，生意穩(wěn)賺不賠！",
    
21. "拔牙攤。直接硬拔，隔著屏幕都能感受到一絲痛意！",
    
22. "葫蘆攤。一個(gè)藤上七個(gè)瓜，各具特色的小葫蘆，任君挑選！",
    
23. "貼紙攤。出售各種手工剪紙，精美又有趣！",
    
24. "小玩具攤。攤主：你要啥樣的？我可以立馬編做！",
    
25. "花生攤。剛煮的花生，口感好極了！",
    
26. "水果攤。讓人難以想象，這攤子竟然是擺在一百年前的天安門(mén)前！",
    
27. "盂類(lèi)器具攤。缺痰盂、夜壺不？質(zhì)量杠杠的，可以放心購(gòu)買(mǎi)！",
    
28. "古玩攤。各種陶瓷、首飾應(yīng)有盡有，攤主還是個(gè)小可愛(ài)！",
    
29. "掛飾攤。琳瑯滿(mǎn)目的小吊墜，非常吸引人！",
    
30. "服裝攤。稍顯凌亂，可能是只試不買(mǎi)的人太多了。",
    
31. "雜貨攤。你想要的，這里都有，保證滿(mǎn)足你的需求！",
    
32. "日常用品攤。鍋碗瓢盆、拖把、水桶...走過(guò)路過(guò)別錯(cuò)過(guò)！",
    
33. "賣(mài)鞋攤�？钍�、尺碼齊全，還可現(xiàn)場(chǎng)訂做。",
    
34. "涼席攤。尺寸驚人，一百年前的床原來(lái)那么大！",
    
35. "賣(mài)布攤。漂白布、染色布、色織布...種類(lèi)齊全。",
    
36. "貼身用品攤。耳罩、腰帶、錢(qián)袋...一人、一竹竿就是一攤位",
    
37. "磨刀攤。人群密集，看來(lái)古人的“磨刀不誤砍柴工”誠(chéng)不欺我！",
    
38. "小玩意雜貨攤。商品分類(lèi)展列，可按需求選購(gòu)。"];
    
39. var tIdx = 0;
    
40. var ttsText;
    
41. var showTxt = document.querySelector('#showTxt');
    
42. var ttsAudio = document.createElement('audio');
    
43.         ttsAudio.setAttribute('id', "tts_autio_id");
    
44.         ttsAudio.setAttribute("autoplay",true);
    
45.         ttsAudio.setAttribute('type', 'audio/mpeg');
    
46. 
    
47. function doTTS(){
    
48.          
    
49.         ttsText = picDesc[tIdx];
    
50.         showTxt.innerHTML = picDesc[tIdx];
    
51.         ttsAudio.setAttribute('src', 'http://tts.baidu.com/text2audio?lan=zh&ie=UTF-8&spd=5&text='+ttsText);
    
52.     ttsAudio.play();
    
53.         tIdx++; tIdx %= picDesc.length;
    
54.         setTimeout(doTTS, 10000);
    
55. }
    
56. document.querySelector('#mp').onclick = function()        {
    
57. this.style.display = 'none';
    
58. doTTS();
    
59. }
    
60. </script>
    

復(fù)制代碼

紅楓

很成功，很完美，贊一個(gè)！
為你喝彩！

雄鷹翱翔

老師您好：前兩天有事晚來(lái)了，欣賞您的佳作，贊一個(gè)！

195400

雄鷹翱翔 發(fā)表于 2021-10-16 08:12
老師您好：前兩天有事晚來(lái)了，欣賞您的佳作，贊一個(gè)！