夕阳黄昏 发表于 2026-8-15 10:34
欣赏美帖，赞！
问好黄昏老师，谢谢欣赏支持。周六快乐！{:4_204:}
梦江南 发表于 2026-8-15 10:35
问好黄昏老师，谢谢欣赏支持。周六快乐！
点多一些可能更好看些
欣赏江南的好制作。
夕阳黄昏 发表于 2026-8-15 10:46
点多一些可能更好看些
点改小了，好像有好点。
玫瑰 发表于 2026-8-15 11:35
欣赏江南的好制作。
谢谢玫瑰欣赏，问好！{:4_204:}
梦江南 发表于 2026-8-15 11:50
谢谢玫瑰欣赏，问好！
江南上午好{:4_204:}
玫瑰 发表于 2026-8-15 11:51
江南上午好
玫瑰中午好！{:4_204:}
梦江南 发表于 2026-8-15 11:50
点改小了，好像有好点。
我的意思是点多些不是点小些，加大这数字试试
var tt = 13;
夕阳黄昏 发表于 2026-8-15 12:14
我的意思是点多些不是点小些，加大这数字试试
var tt = 13;
var tt = 19;了看着好点了吗？
梦江南 发表于 2026-8-15 12:27
var tt = 19;了看着好点了吗？
试过50甚至100也不觉得多
夕阳黄昏 发表于 2026-8-15 13:25
试过50甚至100也不觉得多
是吗？我试试。
夕阳黄昏 发表于 2026-8-15 13:25
试过50甚至100也不觉得多
试过了，数字越大频率越多，这有点太吓人了，已是60.
梦江南 发表于 2026-8-15 14:29
试过了，数字越大频率越多，这有点太吓人了，已是60.
数字小了是心动过缓， 大了是心动过速{:5_106:}
本帖最后由 夕阳黄昏 于 2026-8-15 18:46 编辑 <br /><br /><!--style>
@import 'https://638183.freep.cn/638183/web/api/audioplayer.css';
.pa { --offsetX: 81px; --bg: url('https://upfile.mp3.wf/view.php/8384450c31baa007499595c7699c20f7.jpg') no-repeat center/cover; color: orange; }
.player { width: 480px; bottom: 10px; }
.btnFs { top: 25px; right: 20px; }
#msvg { position: absolute; top:30%; left: 36%; width: 18vw; height: 200px; cursor: pointer; opacity: 1; }
#p1 { fill: none; stroke: hsl(0,10%,80%); stroke-width: 4; stroke-dasharray: 3; stroke-dashoffset: 100%; animation: move linear 20s infinite; }
@keyframes move { to { stroke-dashoffset: 0%; } }
</style>
<div id="pa" class="pa">
<video class="pd-vid" src="https://img2.tukuppt.com/video_show/2269348/00/14/17/5e1c837dca409.mp4" autoplay loop muted></video>
<svg id="msvg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 200">
<title>播放/暂停(Alt+X)</title>
<path id="p1" d="M0 100 H400" />
</svg>
</div>
<script>
var options = {
pa: '.pa',
urls: [['https://music.163.com/song/media/outer/url?id=38019092', '生命线']],
btns: ,
};
loadJs('https://638183.freep.cn/638183/web/api/audioplayer.min.js', tzRun);
function tzRun() {
var aud = new AudPlayer(options);
aud.aud.ontimeupdate = () => {
var tt = 60;
var str = '';
Array.from({length: tt}).forEach((_,k) => {
var x = (k + 1) * (900 / tt);
var y = k % 2 === 0 ? 100 : Math.floor(Math.random() * 160);
str += k === 0 ? `M0 100 H${x}` : ` L${x} ${y}`;
});
path = `${str}L400 100`;
p1.setAttribute('d', path);
};
}
function loadJs(url, callback) {
var script = document.createElement('script');
script.charset = 'utf-8';
script.src = url;
script.onload = function() {
if (callback) callback();
};
document.head.appendChild(script);
}
</script -->
夕阳黄昏 发表于 2026-8-15 16:51
数字小了是心动过缓， 大了是心动过速
说得没错，{:4_189:}
夕阳黄昏 发表于 2026-8-15 17:10
@import 'https://638183.freep.cn/638183/web/api/audioplayer.css';
.pa { --offsetX: 81px;...
这颜色还好的。
梦江南 发表于 2026-8-15 17:36
这颜色还好的。
把心率波形放进了监护仪里，并且全屏下仍在里面
夕阳黄昏 发表于 2026-8-15 17:57
把心率波形放进了监护仪里，并且全屏下仍在里面
用%比就在监护仪里了是吗？可是颜色在什么地方变？
#msvg { position: absolute; top:30%; left: 36%; width: 18vw; height: 200px; cursor: pointer; opacity: 1; }
#p1 { fill: none; stroke: hsl(0,10%,80%); stroke-width: 4; stroke-dasharray: 3; stroke-dashoffset: 100%; animation: move linear 20s infinite; }
夕阳黄昏 发表于 2026-8-15 18:06
#msvg { position: absolute; top:30%; left: 36%; width: 18vw; height: 200px; cursor: pointer; opa ...
这下全完整了。{:4_180:}