《小时候》配音朗诵（虚拟）
<style>
/* 帖子外层 */
.outer { left: -302px; top:120px;width: 1200px; height: 640px; border-radius:6%; box-shadow: 0px 0px 6px #333;
background: #ccc url('https://pic.imgdb.cn/item/62b15a870947543129439b83.jpg') no-repeat center / cover; overflow: hidden; position: relative; }
/* 视频 */
.vid { position: absolute; top: 0px; width: 1200px; height: 640px; object-fit: cover; opacity: .25; }
/* 频谱+进度外层 */
.mama { left: 50px; bottom: 60px; width: fit-content; height: fit-content; position: absolute; cursor: pointer; border-radius: 0 100%; background: linear-gradient(transparent,green); }
/* 频谱外层 */
.wrap { width: 90px; height: 60px; box-reflect: below 0 linear-gradient(rgba(0,0,0,.01),#000);position: relative; }
/* 进度显示器 */
.mama meter { width: 90px; position: relative; }
/* 频谱 */
.wrap span { width: 6px; height: 60px; bottom: -8px; display: inline-block; position: absolute; }
/* 频谱伪元素 顶帽 */
.wrap span::before { position: absolute; content: ''; width: inherit; height: 3px; background: #eee; top: -3px; animation: up 1s ease-in infinite; }
/* 歌词同步显示框 */
.lrcbox { transform: translate(40px, 30px); font: bold 1.6em / 2.0em sans-serif; color: #AAEEAA; text-shadow: 1px 1px 1px #0E0EBE; position: absolute; }
/* 频谱顶帽动画 */
@keyframes up { from { top: -6px; } to { top: -16px; } }
</style>
<div class="outer">
<video class="vid" src="https://video-qn.51miz.com/Video/10/58/105887_dd444ee9dd42f77cce8b2d93fea38490.mp4" autoplay="autoplay" loop="loop" muted="muted"></video>
<div class="mama">
<div class="wrap"></div>
<meter id="meter" value="0" min="0" max="100" low="33" high="66" optimum="70"></meter>
</div>
<div class="lrcbox">Loading ...</div>
</div><br><br><br><br><br><br>
<audio id="aud" src="http://chuangshicdn.data.mvbox.cn/music/yc/22/06/21/22062112394676293340.mp3" autoplay="autoplay" loop="loop"></audio>
<script>
let mama = document.querySelector('.mama'),
wrap = document.querySelector('.wrap'),
lrcbox = document.querySelector('.lrcbox'),
aud = document.querySelector('#aud'),
meter = document.querySelector('#meter');
let num = (min, max) => Math.floor(Math.random() * (max-min+1)) + min,
prog = (tt, cc) => 100 * cc / tt;
let lrcAr = [
['2.23','《小时候》<br>文字来源：网络'],
['10.12','朗诵编辑：红影<br>花潮lrc在线作者:马黑黑'],
['21.22','小时候，微笑是一种心情。<br>长大后，微笑是一种表情。'],
['33.76','小时候，哭着哭着就笑了。<br>长大后，笑着笑着就哭了。'],
['45.73','小时候，打着打着就和好了。<br>长大后，和和气气就绝交了。'],
['58.42','小时候，玩得投机就想着一辈子。<br>长大后，山盟海誓却不是一个心思。'],
['72.13','小时候，我们把玩具当朋友。<br>长大后，我们把朋友当玩具。'],
['84.60','小时候，什么都不重要，只有我最重要。<br>长大后，什么都很重要，只有我最不重要。'],
['100.18','小时候，五毛钱就能高兴一天，快乐真便宜。<br>长大后，一万块也买不来好心情，快乐真昂贵。'],
['117.38','小时候，觉得一天好长，一学期好长，长大就是梦想。<br>长大后，觉得一年好短，一辈子好短，放慢已成奢望。'],
['136.40','小时候，衣服很容易弄脏，但人很干净。<br>长大后，人很容易弄脏，但衣服很干净。'],
['152.56','小时候，总觉得自己长大后肯定能成伟人。<br>长大后，我们拼尽全力，也刚刚能成为一个普通人。'],
['168.87','小时候，总以为成为朋友就是永远。<br>长大后，能陪伴彼此走上一段路，就已经是温暖。'],
['183.74','小时候，总以为身边的人永远都不会离开。<br>长大后，才知道，人生就是不停作别，渐渐永失所爱。'],
['200.56','小时候，我们总以为，到不了的才是远方。<br>长大后，我们才明白，回不去的都是故乡。'],
['216.40','小时候，只做喜欢的事，讨厌做不喜欢的事。<br>长大后，为了做喜欢的事，会逼自己做不喜欢的事。'],
['230.29','小时候，幸福是一件很简单的事。<br>长大后，简单是一件很幸福的事。'],
['243.97','感谢聆听——2022年6月21日<br>祝福花潮朋友们童心永驻。']
];
Array.from({length: 10}).forEach((ele,key) => {
ele = document.createElement('span');
ele.className = 'sskey';
ele.style.left = key * 6 + key * 3 + 'px';
ele.style.height = num(10,60) + 'px';
ele.style.backgroundColor = `rgba(${num(0,255)},${num(0,255)},${num(0,255)},.95)`;
wrap.appendChild(ele);
})
let sskey = document.querySelectorAll('.sskey');
mama.onclick = () => aud.paused ? aud.play() : aud.pause();
aud.addEventListener('timeupdate', () => {
Array.from(sskey).forEach((ele) => {
ele.style.height = num(10, 60) + 'px';
})
meter.value = prog(aud.duration, aud.currentTime);
let tt = aud.currentTime;
for(j=0; j<lrcAr.length; j++){
if(tt >= lrcAr){
lrcbox.innerHTML = lrcAr;
}
}
})
</script> 偶然看到这些字，觉得挺有道理。又觉得黑黑的双行歌词挺适合配音文字的，就试着做一个。
非常简单地配音，没做细致调整，也没下载发音人数据库，就是个简单的试验。 以后除了做歌词，也可以用黑黑的花潮lrc在线制作配音了。可以把坛友的文章都配个音玩了{:4_173:} 声音这么好听啊 天啊，这是播音员的材料啊！{:5_116:} 你有才！牛！{:5_116:} 红影朗诵的声音真好听。很标准的普通话，与播音员一样的声线，真好！{:4_199:} 你怎么没沪普口音，我一读就被别人批评上海普通话{:4_189:}这荧屏就像是在电视台播音室 不去东方台作台柱子，可惜了一幅好声音。{:4_178:} 走过岁月 发表于 2022-6-21 15:10
声音这么好听啊
这个就是虚拟的啊{:4_173:} 东篱闲人 发表于 2022-6-21 15:49
天啊，这是播音员的材料啊！
是电脑声音啊，我只是制作{:4_173:} 东篱闲人 发表于 2022-6-21 15:51
你有才！牛！
牛三斤呗，来，再加点酒{:4_191:} 加林森 发表于 2022-6-21 17:57
红影朗诵的声音真好听。很标准的普通话，与播音员一样的声线，真好！
我只是制作，是电脑声啊{:4_173:} 上海朝阳 发表于 2022-6-21 18:11
你怎么没沪普口音，我一读就被别人批评上海普通话这荧屏就像是在电视台播音室
用这荧屏模拟小时候的回忆{:4_173:} 樵歌 发表于 2022-6-21 18:41
不去东方台作台柱子，可惜了一幅好声音。
那么就可惜吧{:4_173:} 红影 发表于 2022-6-21 21:06
牛三斤呗，来，再加点酒
这个都知道？{:5_117:} 红影 发表于 2022-6-21 21:07
我只是制作，是电脑声啊
不是你的声音？{:4_203:} 东篱闲人 发表于 2022-6-21 21:12
这个都知道？
这不这两天都在说这个么{:4_173:} 加林森 发表于 2022-6-21 21:22
不是你的声音？
是虚拟声音啊，我在标题里都说了{:4_173:}