初音：刘海主义者
<style>.outer {
left: -214px;
width: 1024px;
height: 640px;
background: #ccc url('/data/attachment/forum/202205/29/073824e277f7lk732b77of.jpg') no-repeat;
cursor: pointer;
position: relative;
}
.wrap {
left: 10px; top: calc(100% - 60px);
width: 70px;
height: 60px;
position: relative;
}
.sskey {
width: 6px;
height: 0px;
background-color: rgba(255,0,0,.6);
display: inline-block;
position: relative;
}
</style>
<div class="outer">
<div class="wrap"></div>
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=1408587105.mp3" autoplay="autoplay" loop="loop"></audio>
</div>
<script>
let wrap = document.querySelector('.wrap'), aud = document.querySelector('#aud');
let getnum = (min, max) => Math.floor(Math.random() * (max-min+1)) + min;
Array.from({length: 10}).forEach((ele) => {
ele = document.createElement('span');
ele.className = 'sskey';
ele.style.backgroundColor = `rgba(${getnum(0,255)},${getnum(0,255)},${getnum(0,255)},.6)`;
wrap.appendChild(ele);
});
let sskey = document.querySelectorAll('.sskey');
wrap.onclick = () => aud.paused ? aud.play() : aud.pause();
aud.addEventListener('timeupdate', () => {
Array.from(sskey).forEach((ele) => {
ele.style.height = getnum(10, 60) + 'px';
});
});
</script>
初音未来，虚拟歌手：声音合成，形象虚拟。
初音未来，2007年出道以来广受欢迎，热度曾不可控，但现在，初音未来似乎前景不妙，未来堪忧——00后不少人甚至不知道初音未来歌姬。
初音当前仍有活动，据说疫情期间担任过什么大使，又据说准备拍动漫。关于动漫，相关领域的运作据说承包给阿三的公司，到时动漫中初音的形象额头上会点一颗大大的红痣吗？ 不看动漫。不了解。就知道猫和老鼠。 东篱闲人 发表于 2022-5-29 08:38
不看动漫。不了解。就知道猫和老鼠。
这个是歌手，跟猫和老鼠严重不同 马黑黑 发表于 2022-5-29 08:42
这个是歌手，跟猫和老鼠严重不同
还是猫和老鼠好玩。。。{:4_170:} 东篱闲人 发表于 2022-5-29 08:45
还是猫和老鼠好玩。。。
嗯，比听戏轻松 初音的音乐挺美的。老黑这个图片制作得真漂亮，播放器有换了。{:4_199:} 加林森 发表于 2022-5-29 09:03
初音的音乐挺美的。老黑这个图片制作得真漂亮，播放器有换了。
这个新的播放控制器正在开发中，我马上将代码分享出来 马黑黑 发表于 2022-5-29 09:05
这个新的播放控制器正在开发中，我马上将代码分享出来
好的，谢谢！ 加林森 发表于 2022-5-29 09:58
好的，谢谢！
{:5_108:} 马黑黑 发表于 2022-5-29 10:16
{:4_190:} 一进来没注意初音，先注意到了黑黑的频谱播放器，还是会变色的频谱呢{:4_187:} 红影 发表于 2022-5-29 13:53
一进来没注意初音，先注意到了黑黑的频谱播放器，还是会变色的频谱呢
没有实时变色，是每次进来的不一样 醉美水芙蓉 发表于 2022-5-29 11:33
我说怎么找不到按钮呢？
波浪状变化的频谱样式就是按钮
页:
[1]