一百多年前的地摊

也曾年轻 发表于 2026-3-5 10:02

本帖最后由也曾年轻于 2026-3-5 13:09 编辑 <br /><br /><meta charset="utf-8">
<meta name="referrer" content="never" />
<style>
#oBlk {
width:680px;min-height:760px;margin:40px auto;
background:hsl(60, 30%, 75%);
position:relative;
box-shadow:3px 3px 8px darkgray;
overflow:hidden;
border-radius:24px;
}
#ipresenter {display:none;margin:20px auto;}
#txtBlk {margin-top:32px;padding:20px 10px;width:80%;height:60px;line-height:1.8em;font:bold 2em 楷体;color:blue;letter-spacing:3px;margin:auto;}
#pTxt {text-indent:2em;text-align:left;cursor:pointer;}
</style>
<div id="oBlk">
<div id="txtBlk">
<p id="pTxt"></p>
</div>
<div id="ipresenter"></div>
</div>

<script type="text/javascript">

var pics = [
"https://s1.ax1x.com/2023/04/13/ppx45W9.png",
"https://s1.ax1x.com/2023/04/13/ppx4TQ1.png",
"https://s1.ax1x.com/2023/04/13/ppx4IzR.png",
"https://s1.ax1x.com/2023/04/13/ppx47sx.png",
"https://s1.ax1x.com/2023/04/13/ppx44JJ.jpg",
"https://s1.ax1x.com/2023/04/13/ppx4HL6.png",
"https://s1.ax1x.com/2023/04/13/ppx4qeK.png",
"https://s1.ax1x.com/2023/04/13/ppx4jFe.png",
"https://s1.ax1x.com/2023/04/13/ppx4OoD.png",
"https://s1.ax1x.com/2023/04/13/ppx4vJH.png",
"https://s1.ax1x.com/2023/04/13/ppx4LdO.jpg",
"https://s1.ax1x.com/2023/04/13/ppx4xWd.jpg",
"https://s1.ax1x.com/2023/04/13/ppx5pQI.png",
"https://s1.ax1x.com/2023/04/13/ppx5SSA.png",
"https://s1.ax1x.com/2023/04/14/p9SGnqf.png",
"https://s1.ax1x.com/2023/04/14/p9SGmsP.png",
"https://s1.ax1x.com/2023/04/14/p9SGVxI.jpg",
"https://s1.ax1x.com/2023/04/14/p9SGERA.jpg",
"https://s1.ax1x.com/2023/04/14/p9SGeMt.png",
"https://s1.ax1x.com/2023/04/14/p9SGKZ8.png",
"https://s1.ax1x.com/2023/04/14/p9SGMdS.png",
"https://s1.ax1x.com/2023/04/14/p9SG3Gj.png",
"https://s1.ax1x.com/2023/04/14/p9SGQIg.png",
"https://s1.ax1x.com/2023/04/14/p9SG1iQ.png",
"https://s1.ax1x.com/2023/04/14/p9SGGzn.png",
"https://s1.ax1x.com/2023/04/14/p9SG8Rs.jpg",
"https://s1.ax1x.com/2023/04/14/p9SGts0.png",
"https://s1.ax1x.com/2023/04/14/p9SGYMq.png",

"https://s3.bmp.ovh/imgs/2023/04/13/26acde23ab4ab5f2.jpg",
"https://s3.bmp.ovh/imgs/2023/04/13/0bde8b9eccaaa57b.jpg",
"https://s3.bmp.ovh/imgs/2023/04/13/50eadafca7be499d.jpg",
"https://s3.bmp.ovh/imgs/2023/04/13/9f9ad44aa124088c.jpg",
"https://s3.bmp.ovh/imgs/2023/04/13/48f683e925a40f1d.jpg",
"https://s3.bmp.ovh/imgs/2023/04/13/047130f1380872d0.jpg"
];

var ipresenter = document.querySelector('#ipresenter');
var picDesc = [
"吃，乃人生存之根本。所以，食品摊永远不愁没生意！",
"热气腾腾的烧饼摊。烧饼小哥满脸疑惑，似乎在问：要不要来一个？",
"茶饮摊。喝茶就喝茶，可千万别惹摊主，看这模样，功夫一定了得！",
"冰糖葫芦摊。如此特色的传统小吃，让人垂涎三尺。",
"白酒摊。大爷：口馋不？来一杯解解馋？",
"粽子摊。顾客吃得津津有味，老板满脸欣慰。",
"宵夜摊。寒冷的冬夜，必须来一碗热汤暖暖身子。",
"摊主这呦呵劲，可高兴了！不过这地摊设备罕见，到底是买啥的呢？",
"粉丝摊。堆积如山的货量，不用愁没货！",
"鱼干摊。边晾晒边买卖，制作与赚钱互不相误。",
"糖果摊。吸引了那么多小朋友，摊主是妥妥的孩子王！",
"卖枣摊。摊主细心周到，份量都已经给您分好啦！",
"竹、草编器具摊。堆叠的这么高，非常引人注目！",
"理发摊。设备十足，理发师也非常有架势！",
"修脚摊。原来脚部按摩服务早就有了！",
"补鞋摊。摊主精心修补，生意稳赚不赔！",
"拔牙摊。直接硬拔，隔着屏幕都能感受到一丝痛意！",
"葫芦摊。一个藤上七个瓜，各具特色的小葫芦，任君挑选！",
"贴纸摊。出售各种手工剪纸，精美又有趣！",
"小玩具摊。摊主：你要啥样的？我可以立马编做！",
"花生摊。刚煮的花生，口感好极了！",
"水果摊。让人难以想象，这摊子竟然是摆在一百年前的天安门前！",
"盂类器具摊。缺痰盂、夜壶不？质量杠杠的，可以放心购买！",
"古玩摊。各种陶瓷、首饰应有尽有，摊主还是个小可爱！",
"挂饰摊。琳琅满目的小吊坠，非常吸引人！",
"服装摊。稍显凌乱，可能是只试不买的人太多了。",
"杂货摊。你想要的，这里都有，保证满足你的需求！",
"日常用品摊。锅碗瓢盆、拖把、水桶...走过路过别错过！",
"卖鞋摊。款式、尺码齐全，还可现场订做。",
"凉席摊。尺寸惊人，一百年前的床原来那么大！",
"卖布摊。漂白布、染色布、色织布...种类齐全。",
"贴身用品摊。耳罩、腰带、钱袋...一人、一竹竿就是一摊位",
"磨刀摊。人群密集，看来古人的“磨刀不误砍柴工”诚不欺我！",
"小玩意杂货摊。商品分类展列，可按需求选购。"];

var sf1 = document.createElement('script');
sf1.type = 'text/javascript';
sf1.src = "https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js";
sf1.charset = "utf-8";
document.body.appendChild(sf1);
sf1.onload = () => {
var jq = jQuery.noConflict();
var sf2 = document.createElement('script');
sf2.type = 'text/javascript';
sf2.src = "https://cccimg.com/down.php/7c1c6612dad45faa00772a24e98a5c48.js";
sf2.charset = "utf-8";
document.body.appendChild(sf2);
sf2.onload = () => {

var aniIdx = 1;
var oBlk = document.querySelector('#oBlk');
var tIdx = 0;
var ttsText;
var showTxt = document.querySelector('#showTxt');
const synth = window.speechSynthesis;
function doTTS(){
ttsText = picDesc;
var utterance = new SpeechSynthesisUtterance(ttsText);
utterance.lang = 'zh-CN'; // 设置语言为中文
utterance.rate = 2; // 设置语速
utterance.pitch = 1; // 设置音调
synth.speak(utterance); // 播放语音
tIdx++; tIdx %= picDesc.length;
}

function afterChage() {
txtBlk.querySelector('p').innerHTML = picDesc;
doTTS();
aniIdx++; aniIdx %= picDesc.length;
}

jq(document).ready(function(){
for(n = 0; n < pics.length; n++) {
e_div = document.createElement('div');
e_div.setAttribute('data-x', n*1000);
e_div.setAttribute('data-y', 0);
e_div.setAttribute('data-pausetime',6000);
switch(n % 6) {
case 0:
e_div.setAttribute('data-rotate', 0);
break;
case 1:
e_div.setAttribute('data-rotatex', 180);
break;
case 2:
e_div.setAttribute('data-rotatey', 180);
break;
case 3:
e_div.setAttribute('data-rotate', -180);
break;
case 4:
e_div.setAttribute('data-rotatex', -180);
break;
case 5:
e_div.setAttribute('data-rotatey', -180);
break;
}
e_div.className='step';
e_img = document.createElement('img');
e_img.src = pics;
e_div.appendChild(e_img);
ipresenter.appendChild(e_div);
}

//jq('#oBlk').click(function(){
jq('#ipresenter').iPresenter({
animSpeed: 3000,
timer: 'none',
//timerDiameter: 60,
//timerStroke: 5,
//timerPadding: 5,
//timerColor: '#000',
//timerBg: '#FFF',class="oBlk"
//timerOpacity: 0.4,data-easing="easeInOutQuint"
onAfterChange: afterChage,
directionNav: false,
controlNav: false
});
txtBlk.querySelector('p').innerHTML = picDesc;
doTTS();
jq('#ipresenter').style.display = "block";
//});
});
}
}
</script>

梦油发表于 2026-3-5 11:12

我很喜欢逛大集，特别是各地的小吃，很吸引人。

亦是金 发表于 2026-3-5 11:13

满满的人间烟火味，满满的童年回忆！制作辛苦了！{:4_180:}

也曾年轻 发表于 2026-3-5 11:17

梦油发表于 2026-3-5 11:12
我很喜欢逛大集，特别是各地的小吃，很吸引人。

也曾年轻 发表于 2026-3-5 11:18

亦是金发表于 2026-3-5 11:13
满满的人间烟火味，满满的童年回忆！制作辛苦了！

梦江南 发表于 2026-3-5 11:47

问老师，这个文本转语音是用代码来实现的吗？

梦江南 发表于 2026-3-5 11:51

一张糖果摊图片大把文字遮住了。

也曾年轻 发表于 2026-3-5 11:59

梦江南发表于 2026-3-5 11:47
问老师，这个文本转语音是用代码来实现的吗？

这是很早的帖子，原来是个空间帖。

文本转语音很方便。

也曾年轻 发表于 2026-3-5 12:01

梦江南发表于 2026-3-5 11:51
一张糖果摊图片大把文字遮住了。

没办法，这些图片大小不一不好统一照顾到。

梦江南 发表于 2026-3-5 12:03

也曾年轻发表于 2026-3-5 11:59
这是很早的帖子，原来是个空间帖。

文本转语音很方便。

这读的声音是我们自己电脑里的声音吗？

也曾年轻 发表于 2026-3-5 12:05

梦江南发表于 2026-3-5 12:03
这读的声音是我们自己电脑里的声音吗？

是啊，难道还会是别的什么

梦江南 发表于 2026-3-5 12:12

也曾年轻发表于 2026-3-5 12:05
是啊，难道还会是别的什么

不是你的代码起作用吗？

也曾年轻 发表于 2026-3-5 12:23

梦江南发表于 2026-3-5 12:12
不是你的代码起作用吗？

代码自己不会发声，需要输出到喇叭才行啊

梦江南 发表于 2026-3-5 12:26

也曾年轻发表于 2026-3-5 12:23
代码自己不会发声，需要输出到喇叭才行啊

这么说来你是利用代码把我的电脑声音结喊出来了，为什么是女声呢？每台电脑都是一样的女声吗？

也曾年轻 发表于 2026-3-5 12:34

梦江南发表于 2026-3-5 12:26
这么说来你是利用代码把我的电脑声音结喊出来了，为什么是女声呢？每台电脑都是一样的女声吗？

现在的声音是男还是女？

梦江南 发表于 2026-3-5 12:38

也曾年轻发表于 2026-3-5 12:34
现在的声音是男还是女？

是女声啊

也曾年轻 发表于 2026-3-5 12:45

梦江南发表于 2026-3-5 12:38
是女声啊

那就没办法了，可能只能调节音调的高低。

梦江南 发表于 2026-3-5 12:51

也曾年轻发表于 2026-3-5 12:45
那就没办法了，可能只能调节音调的高低。

可能系统自带的就是女声

也曾年轻 发表于 2026-3-5 13:05

梦江南发表于 2026-3-5 12:51
可能系统自带的就是女声

女声辨识度高

梦江南 发表于 2026-3-5 13:06

也曾年轻发表于 2026-3-5 13:05
女声辨识度高

你自己的电脑出来是女声还是男声？

页: [1] 2 3

花潮论坛's Archiver

一百多年前的地摊