马黑黑 发表于 2022-12-8 17:10
野兽也受影响的，正常
哈哈，这字错的，自己都没想到{:4_170:}
红影 发表于 2022-12-8 18:54
哈哈，这字错的，自己都没想到
{:4_196:}
红影 发表于 2022-12-8 18:54
辛苦
玩玩不辛苦
马黑黑 发表于 2022-12-8 18:55
不过要真注意了，也就不会错了{:4_173:}
红影 发表于 2022-12-8 19:18
不过要真注意了，也就不会错了
那是自然
马黑黑 发表于 2022-12-8 18:55
玩玩不辛苦
你这样动脑筋琢磨的，更辛苦{:4_187:}
红影 发表于 2022-12-8 19:19
你这样动脑筋琢磨的，更辛苦
我会拖地板。劳动中思考，不辛苦
马黑黑 发表于 2022-12-8 19:19
我会拖地板。劳动中思考，不辛苦
思考完了，地板也拖完了？一举两得啊{:4_173:}
马黑黑 发表于 2022-12-8 19:19
那是自然
也挺好玩，能用来笑笑{:4_189:}
红影 发表于 2022-12-8 19:27
也挺好玩，能用来笑笑
{:4_181:}
红影 发表于 2022-12-8 19:26
思考完了，地板也拖完了？一举两得啊
也许不止呢
马黑黑 发表于 2022-12-8 19:32
也许不止呢
哦，还有多得？是什么呢？
红影 发表于 2022-12-8 19:42
哦，还有多得？是什么呢？
比如身体会更棒
马黑黑 发表于 2022-12-8 19:44
比如身体会更棒
劳动让身体得到了锻炼，只是这个运动量有点小呢{:4_173:}
红影 发表于 2022-12-8 20:22
劳动让身体得到了锻炼，只是这个运动量有点小呢
那要看你怎么干活
马黑黑 发表于 2022-12-8 20:32
那要看你怎么干活
难道你还要把地板磨去一寸不成{:4_189:}
发现这个用倒影还挺好看的呢，你看看
<style>
#papa { margin: auto; width: 760px; height: 540px; background: gray; box-shadow: 6px 3px 20px #000;
position: relative; display: grid; place-items: end center;}
#mplayer {
position: absolute;
width: 100%;
height: 160px;
bottom: 0;
display: flex;
place-items: end;
-webkit-box-reflect: above 0px;
}
.mLine {
display: inline-block;
margin: 0 1px 0 0;
width: 1px;
height: 10px;
background: gray linear-gradient(to top,darkgreen,green,lightgreen);
}
</style>
<div id="papa">
<div id="mplayer"></div>
<audio id="aud" src="https://aimg8.dlssyht.cn/u/0/ueditor/file/0/0/1669801666294517.mp3" loop
autoplay crossorigin="anonymous"></audio>
</div>
<script>
(function() {
let total = Math.ceil(mplayer.offsetWidth / 2);
for(j=0; j<total; j++) {
let el = document.createElement('span');
el.className = 'mLine';
mplayer.appendChild(el);
}
let lines = document.querySelectorAll('.mLine');
let context = new AudioContext;
let source = context.createMediaElementSource(aud);
let analyser = context.createAnalyser();
source.connect(analyser);
analyser.connect(context.destination);
let output = new Uint8Array(total);
(function update() {
analyser.getByteFrequencyData(output);
let mid = total % 2 === 0 ? total / 2 - 1 : Math.floor(total / 2);
for(j = 0; j < total ; j++) {
let k = j <= mid ? (mid - j) * 2 : (j - mid) * 2 - 1;
lines.style.height = output/2 + 'px';
}
window.requestAnimationFrame(update);
})();
mplayer.onclick = () => aud.paused ? aud.play() : aud.pause();
})();
</script>
红影 发表于 2022-12-8 20:47
发现这个用倒影还挺好看的呢，你看看
倒着的频谱也是常见的
马黑黑 发表于 2022-12-8 21:41
倒着的频谱也是常见的
是的，不过这个点暂停就什么都没有了，再继续播放都找不到地方，要留点什么痕迹才好找啊{:4_173:}