中畫網

標題: 100多年前的地攤 [打印本頁]

作者: 195400    時間: 2021-10-13 17:05
標題: 100多年前的地攤
經《紅楓》網友啟發,改了個有聲版帖子。需要點擊一下啟動動畫,顯得比較笨拙。
作者: 寒冬殘荷    時間: 2021-10-13 19:32
欣賞學習老師的新作品!又有新花樣:圖片配文字。看來沒時間完成作業,每天煮三餐、打掃衛生,時間不夠。
作者: 寒冬殘荷    時間: 2021-10-13 19:34
老師,這個貼也出現樓層最后一行失效。我覺得是不是您的作品內有ID號與網頁的ID相同?我瞎猜的。
作者: 195400    時間: 2021-10-13 19:36
寒冬殘荷 發表于 2021-10-13 19:32
欣賞學習老師的新作品!又有新花樣:圖片配文字。看來沒時間完成作業,每天煮三餐、打掃衛生,時間不夠。

這個瀏覽圖片的js庫本身就帶有這功能,只是幾乎沒有介紹它的。

作者: 紅楓    時間: 2021-10-13 20:04
手機瀏覽器里進去的,等了好些時候才有效果,定是JS等外鏈滯后造成的。
作者: 195400    時間: 2021-10-13 20:09
紅楓 發表于 2021-10-13 20:04
手機瀏覽器里進去的,等了好些時候才有效果,定是JS等外鏈滯后造成的。

第一次進去要下載圖片到瀏覽器所以時間長一些,再次進入就快了,在電腦上秒開。

作者: 靜竹.    時間: 2021-10-14 08:49
祝老師重陽節快樂!
作者: 195400    時間: 2021-10-14 09:23
靜竹. 發表于 2021-10-14 08:49
祝老師重陽節快樂!




作者: 靜竹.    時間: 2021-10-15 08:45
這么多圖片上的文字要變成有聲的,真是太棒了!不可思議!
作者: 195400    時間: 2021-10-15 08:46
靜竹. 發表于 2021-10-15 08:45
這么多圖片上的文字要變成有聲的,真是太棒了!不可思議!

瞎折騰的
作者: 紅楓    時間: 2021-10-15 09:27
圖片、文字、朗讀,三效同步,絕了!
為你點贊,為你喝彩!論壇有您必會火!

作者: 195400    時間: 2021-10-15 09:30
紅楓 發表于 2021-10-15 09:27
圖片、文字、朗讀,三效同步,絕了!
為你點贊,為你喝彩!論壇有您必會火!

過譽了  
作者: 195400    時間: 2021-10-15 09:38
寒冬殘荷 發表于 2021-10-13 19:34
老師,這個貼也出現樓層最后一行失效。我覺得是不是您的作品內有ID號與網頁的ID相同?我瞎猜的。

改空間帖了,回避矛盾
作者: 紅楓    時間: 2021-10-15 10:27
還是有底圖為好!參考。
作者: 195400    時間: 2021-10-15 11:54
紅楓 發表于 2021-10-15 10:27
還是有底圖為好!參考。

是的,開始一空白感覺不好。
作者: 寒冬殘荷    時間: 2021-10-15 13:40
195400 發表于 2021-10-15 11:54
是的,開始一空白感覺不好。

老師,真是太奇了呀,開始我以為是您錄了mp3配音,看了代碼沒有發現有音頻文件。老師厲害呀!
作者: 紅楓    時間: 2021-10-15 14:16
不改空間帖,外面再加一個與作品相適應、音量小些的背景音樂,那就更完美了。
作者: 195400    時間: 2021-10-15 15:07
寒冬殘荷 發表于 2021-10-15 13:40
老師,真是太奇了呀,開始我以為是您錄了mp3配音,看了代碼沒有發現有音頻文件。老師厲害呀!

代碼基本是原來的就加了幾句與文字轉語音相關的語句
作者: 195400    時間: 2021-10-15 15:10
紅楓 發表于 2021-10-15 14:16
不改空間帖,外面再加一個與作品相適應、音量小些的背景音樂,那就更完美了。

內外如何協調咧?
作者: 紅楓    時間: 2021-10-15 15:22
195400 發表于 2021-10-15 15:10
內外如何協調咧?

我的意思是不用協調,不啟動有音樂就行,只是音量小些,突出文字朗讀罷了。僅是提議而己!
作者: 寒冬殘荷    時間: 2021-10-15 15:23
195400 發表于 2021-10-15 15:07
代碼基本是原來的就加了幾句與文字轉語音相關的語句

怪了,您的那個文字轉語音相關的語句,我用放在html代碼調試器中運行可以,放到這里不行。
作者: 195400    時間: 2021-10-15 15:45
紅楓 發表于 2021-10-15 15:22
我的意思是不用協調,不啟動有音樂就行,只是音量小些,突出文字朗讀罷了。僅是提議而己!

哦,那要找個舒緩的背景音樂,不過兩個聲音是不是同時都響就難說了。
作者: 195400    時間: 2021-10-15 15:46
寒冬殘荷 發表于 2021-10-15 15:23
怪了,您的那個文字轉語音相關的語句,我用放在html代碼調試器中運行可以,放到這里不行。

是不是差了點擊的那一下?
作者: 寒冬殘荷    時間: 2021-10-15 16:40
195400 發表于 2021-10-15 15:46
是不是差了點擊的那一下?


<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; " >  
        這是在網頁上通過JS實現文本的語音朗讀,即語音合成。語音合成也被稱為文本轉換技術(TTS),它是將計算機自己產生的、或外部輸入的文字信息轉變為可以聽得懂的、流利的口語輸出的技術。
<audio controls loop autoplay src="http://tts.baidu.com/text2audio?lan=zh&ie=UTF-8&spd=6&text=這是在網頁上通過JS實現文本的語音朗讀,即語音合成。語音合成也被稱為文本轉換技術(TTS),它是將計算機自己產生的、或外部輸入的文字信息轉變為可以聽得懂的、流利的口語輸出的技術。">
</audio>
</div>

作者: 寒冬殘荷    時間: 2021-10-15 16:41
上面的代碼在html調試器里正常讀出,語速取6時,語音文件長度17秒,取5時20秒。在這里有聲音,但不正常,語音文件長度1秒。(原來不直接放語音接口在這里就可以朗讀正常。樓主的正常,應該是所有圖片是使用這里上傳的。2021.10.20補記。)
作者: 195400    時間: 2021-10-15 17:55
寒冬殘荷 發表于 2021-10-15 16:41
上面的代碼在html調試器里正常讀出,語速取6時,語音文件長度17秒,取5時20秒。在這里有聲音,但不正常,語 ...

[attach]184050[/attach]
不能依賴lautoplay能自動播放,好些瀏覽器禁止了自動播放,也許某些網站也禁止了這功能,禁止是為了安全的考慮。
例如,我測試這段代碼時就沒自動開始播放(chrome)。

作者: 195400    時間: 2021-10-15 18:55
寒冬殘荷 發表于 2021-10-15 16:41
上面的代碼在html調試器里正常讀出,語速取6時,語音文件長度17秒,取5時20秒。在這里有聲音,但不正常,語 ...
  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. "吃,乃人生存之根本。所以,食品攤永遠不愁沒生意!",
  6. "熱氣騰騰的燒餅攤。燒瓶小哥滿臉疑惑,似乎在問:要不要來一個?",
  7. "茶飲攤。喝茶就喝茶,可千萬別惹攤主,看這模樣,功夫一定了得!",
  8. "冰糖葫蘆攤。如此特色的傳統小吃,讓人垂涎三尺。",
  9. "白酒攤。大爺:口饞不?來一杯解解饞?",
  10. "粽子攤。顧客吃得津津有味,老板滿臉欣慰。",
  11. "宵夜攤。寒冷的冬夜,必須來一碗熱湯暖暖身子。",
  12. "攤主這呦呵勁,可高興了!不過這地攤設備罕見,到底是買啥的呢?",
  13. "粉絲攤。堆積如山的貨量,不用愁沒貨!",
  14. "魚干攤。邊晾曬邊買賣,制作與賺錢互不相誤。",
  15. "糖果攤。吸引了那么多小朋友,攤主是妥妥的孩子王!",
  16. "賣棗攤。攤主細心周到,份量都已經給您分好啦!",
  17. "竹、草編器具攤。堆疊的這么高,非常引人注目!",
  18. "理發攤。設備十足,理發師也非常有架勢!",
  19. "修腳攤。原來腳部按摩服務早就有了!",
  20. "補鞋攤。攤主精心修補,生意穩賺不賠!",
  21. "拔牙攤。直接硬拔,隔著屏幕都能感受到一絲痛意!",
  22. "葫蘆攤。一個藤上七個瓜,各具特色的小葫蘆,任君挑選!",
  23. "貼紙攤。出售各種手工剪紙,精美又有趣!",
  24. "小玩具攤。攤主:你要啥樣的?我可以立馬編做!",
  25. "花生攤。剛煮的花生,口感好極了!",
  26. "水果攤。讓人難以想象,這攤子竟然是擺在一百年前的天安門前!",
  27. "盂類器具攤。缺痰盂、夜壺不?質量杠杠的,可以放心購買!",
  28. "古玩攤。各種陶瓷、首飾應有盡有,攤主還是個小可愛!",
  29. "掛飾攤。琳瑯滿目的小吊墜,非常吸引人!",
  30. "服裝攤。稍顯凌亂,可能是只試不買的人太多了。",
  31. "雜貨攤。你想要的,這里都有,保證滿足你的需求!",
  32. "日常用品攤。鍋碗瓢盆、拖把、水桶...走過路過別錯過!",
  33. "賣鞋攤。款式、尺碼齊全,還可現場訂做。",
  34. "涼席攤。尺寸驚人,一百年前的床原來那么大!",
  35. "賣布攤。漂白布、染色布、色織布...種類齊全。",
  36. "貼身用品攤。耳罩、腰帶、錢袋...一人、一竹竿就是一攤位",
  37. "磨刀攤。人群密集,看來古人的“磨刀不誤砍柴工”誠不欺我!",
  38. "小玩意雜貨攤。商品分類展列,可按需求選購。"];
  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. function doTTS(){
  47.          
  48.         ttsText = picDesc[tIdx];
  49.         showTxt.innerHTML = picDesc[tIdx];
  50.         ttsAudio.setAttribute('src', 'http://tts.baidu.com/text2audio?lan=zh&ie=UTF-8&spd=5&text='+ttsText);
  51.     ttsAudio.play();
  52.         tIdx++; tIdx %= picDesc.length;
  53.         setTimeout(doTTS, 10000);
  54. }
  55. document.querySelector('#mp').onclick = function()        {
  56. this.style.display = 'none';
  57. doTTS();
  58. }
  59. </script>
復制代碼

作者: 紅楓    時間: 2021-10-16 08:10
很成功,很完美,贊一個!
為你喝彩!

作者: 雄鷹翱翔    時間: 2021-10-16 08:12
老師您好:前兩天有事晚來了,欣賞您的佳作,贊一個!
作者: 195400    時間: 2021-10-16 08:57
雄鷹翱翔 發表于 2021-10-16 08:12
老師您好:前兩天有事晚來了,欣賞您的佳作,贊一個!




作者: 195400    時間: 2021-10-16 08:59
紅楓 發表于 2021-10-16 08:10
很成功,很完美,贊一個!
為你喝彩!



當不得這樣的美譽



作者: 巫榮云師    時間: 2021-10-20 08:32
[學習試帖]語音合成TTS






作者: 195400    時間: 2021-10-20 09:24
巫榮云師 發表于 2021-10-20 08:32
[學習試帖]語音合成TTS

不錯,用的是百度語音接口。
1樓主帖的語音用的同樣技術,不過重點在聲音、文字及畫面的同步顯現。
作者: 巫榮云師    時間: 2021-10-20 10:47
195400 發表于 2021-10-20 09:24
不錯,用的是百度語音接口。
1樓主帖的語音用的同樣技術,不過重點在聲音、文字及畫面的同步顯現。

謝謝老師點評指導,問好!
作者: 195400    時間: 2021-10-20 11:06
巫榮云師 發表于 2021-10-20 10:47
謝謝老師點評指導,問好!

談不上指導,只是交流。




歡迎光臨 中畫網 (http://www.nujv.cn/) Powered by Discuz! X3.4
主站蜘蛛池模板: 久久香综合精品久久伊人| 亚洲国产综合人成综合网站| 亚洲五月综合缴情在线观看| 亚洲图片综合区| 成人综合久久精品色婷婷| 亚洲综合久久久| 亚洲AV综合色区无码一区爱AV| 天天操天天干天天综合网| 国产香蕉久久精品综合网| 激情综合婷婷丁香五月蜜桃| 国产福利电影一区二区三区久久久久成人精品综合 | 丁香婷婷综合网| 国产AV综合影院| 欧美日韩亚洲乱国产综合| 狠狠的干综合网| 久久99亚洲综合精品首页| 欧美日韩在线精品一区二区三区激情综合 | 亚洲综合日韩久久成人AV| 欧美伊人久久大香线蕉综合69| 91精品一区二区综合在线| 色婷婷综合缴情综免费观看| 色五月丁香六月欧美综合| 一本色道久久99一综合| 久久婷婷五月综合97色| 久久精品桃花综合| 婷婷久久综合九色综合绿巨人 | 狠狠色丁香婷婷综合尤物| 欧美日韩亚洲综合在线| 亚洲国产成人久久综合野外| 一本一本久久A久久综合精品 | 婷婷综合久久狠狠色99h| 一本一本久久a久久精品综合麻豆| 观看 亚洲欧美日韩综合在线一区| 久久亚洲高清综合| 色爱无码AV综合区| 日韩欧美综合在线| 伊人久久大香线焦综合四虎| 久久综合亚洲色一区二区三区| 国产成人无码综合亚洲日韩| 色综合久久中文字幕综合网| 亚洲乱码中文字幕综合234|