一曲红尘 TO：红影
<style>#papa { margin: auto;left: -40px;width: 660px; height: 743px; background: gray url('https://wj1.zp68.com:812/lxx/tup/bzfc2.jpg') no-repeat center/cover; box-shadow: 3px 3px 20px #000; position: relative; }
</style>
<div id="papa">
</div>
<audio id="aud" src="https://wj.zp68.com/lxx/yy/一曲红尘.mp3" autoplay loop></audio>
<script>
(function() {
(function(mkPlayer) {let defaults = {player_css: 'bottom: 10px; left: calc(50% - 50px);',playerCode: `<style>#mplayer { position: absolute; --track: hsla(100,30%,80%,.65); --prog: hsla(100,60%,40%,.55); }#btnwrap { display: block; fill: var(--track); opacity: .95; cursor: pointer; }#btnwrap:hover { opacity: 1; }#track { fill: none; stroke: var(--track); }#prog { fill: none; stroke: var(--prog); }</style><svg id="mplayer" width="100" height="100"><g id="circle_wrap" transform="rotate(-90, 50, 50)" style="cursor: pointer;"><circle id="track" cx="50" cy="50" r="40" stroke-width="10" /><circle id="prog" cx="50" cy="50" r="40" stroke-width="10" /></g><g id="btnwrap"><path id="btnplay" d="M 40 40,40 60,60, 50 z"></path><path id="btnpause" d="M 42 40,42 60,47 60,47 40,42 40 z M 50 40,50 60,55 60,55 40,50 40 z" style="display: none;"></path><path d="M 47 50,50 40,50 60,47 60 z" fill="transparent" /></g></svg>`,};let playCode = (user_config) => {let data = Object.assign({}, defaults, user_config);papa.innerHTML += data.playerCode;mplayer.style.cssText += data.player_css;let cc = { x: 1 * track.getAttribute('cx'), y: 1 * track.getAttribute('cy'), len: track.getTotalLength(), };prog.style.strokeDasharray = prog.style.strokeDashoffset = cc.len;btnwrap.onclick = () => aud.paused ? aud.play() : aud.pause();circle_wrap.onclick = (e) => {let deg = Math.atan2(e.offsetY - cc.y, e.offsetX - cc.x) * 180 / Math.PI;deg += (e.offsetX < cc.x && e.offsetY < cc.y) ? 450 : 90;aud.currentTime = aud.duration * deg / 360;};aud.addEventListener('timeupdate', () => {prog.style.strokeDashoffset = cc.len - cc.len * aud.currentTime / aud.duration;});aud.addEventListener('pause', () => mState());aud.addEventListener('play', () => mState());aud.addEventListener('seeked', () => aud.play());let mState = () => aud.paused ? (btnplay.style.display = 'block', btnpause.style.display = 'none') : (btnplay.style.display = 'none', btnpause.style.display = 'block');};mkPlayer.HCPlayer = playCode;})(this);
HCPlayer({});
})();
</script>
<br><br><br><br><br><br> 啦啦啦{:4_205:} @红影
可以不还礼{:4_170:}
@小辣椒
谢谢个上传 以后有机会送你一个{:4_170:} 本帖最后由 闲言不语 于 2022-12-7 20:39 编辑
https://pic.imgdb.cn/item/638f3a17b1fccdcd3695f6a4.pnghttps://pic.imgdb.cn/item/5fddc7c33ffa7d37b383b033.gif{:4_204:}{:4_199:} 影子收礼开森！{:4_199:} 闲言不语 发表于 2022-12-7 20:37
妞=牛{:4_170:} 不错，几=今天好像第三天了吧{:4_199:} 辫子哥哥 发表于 2022-12-7 20:34
@小辣椒
谢谢个上传 以后有机会送你一个
不用客气，免了{:4_170:} 闲言不语 发表于 2022-12-7 20:37
梦梦也是太厉害了{:4_189:} 辫子哥哥自己的翻唱呢，这个要好好听一会。唱得真棒。谢谢辫子哥哥好礼{:4_187:} 还是头一次听辫子的这首翻唱呢，唱歌真是越唱越好了。辫子应该多唱唱这类歌曲呢，跟陕北民歌相比，是不同的风味呢{:4_187:} 送我的礼物，自私一下，越权亮起来{:4_173:} 小辣椒 发表于 2022-12-7 20:45
梦梦也是太厉害了
俺只是借花献花https://pic.imgdb.cn/item/63908ab4b1fccdcd36834186.gif 辫子朋友真有才，你唱得太好了，音色很美，你的歌声让我真正的跟着这个歌的意境走进去了。 闲言不语 发表于 2022-12-7 20:50
俺只是借花献花
哈哈，梦梦这个100分特别大{:4_397:} 小辣椒 发表于 2022-12-7 20:54
哈哈，梦梦这个100分特别大
我一直在等看看有几个100分{:4_170:} 小辣椒 发表于 2022-12-7 20:54
哈哈，梦梦这个100分特别大
那是大写的{:4_189:} 梦油 发表于 2022-12-7 20:52
辫子朋友真有才，你唱得太好了，音色很美，你的歌声让我真正的跟着这个歌的意境走进去了。
谢谢梦油{:4_187:} 闲言不语 发表于 2022-12-7 20:50
俺只是借花献花
100 还可以再大一点{:4_170:}