辫子哥哥 发表于 2022-12-8 19:35

想妹妹---送樵歌

<br><br><style>
#papa { margin: auto;left: -240px;width: 1024px; height: 576px; background: gray url('https://pic.imgdb.cn/item/6391a76cb1fccdcd36d2e5c9.jpg') no-repeat center/cover; box-shadow: 3px 3px 20px #000; position: relative; }
</style>
<div id="papa">
</div>
<audio id="aud" src="https://yinhua.ru/20221125/yy/xmm.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>

辫子哥哥 发表于 2022-12-8 19:36

@樵歌
想吧想吧，没有罪{:4_170:}

樵歌 发表于 2022-12-8 19:37

沙发

樵歌 发表于 2022-12-8 19:38

喜欢得紧{:4_205:}

樵歌 发表于 2022-12-8 19:38

知道喜欢神马么{:4_200:}

樵歌 发表于 2022-12-8 19:39

想妹妹，想弟弟{:4_358:}

辫子哥哥 发表于 2022-12-8 19:43

樵歌 发表于 2022-12-8 19:37
沙发

就是让给你的{:4_170:}

辫子哥哥 发表于 2022-12-8 19:44

樵歌 发表于 2022-12-8 19:38
喜欢得紧

就知道樵歌会喜欢想妹妹{:4_170:}

辫子哥哥 发表于 2022-12-8 19:45

樵歌 发表于 2022-12-8 19:38
知道喜欢神马么

当然知道{:4_397:}

红影 发表于 2022-12-8 20:15

这到底是谁在想啊，肯定是辫子自己想妹妹呢{:4_170:}

红影 发表于 2022-12-8 20:16

辫子哥哥唱了这么多好歌呢，这个又是没听过的呢。好听，师兄收礼开心{:4_187:}

梦油 发表于 2022-12-8 20:38

辫子朋友真是多才多艺啊。

小辣椒 发表于 2022-12-8 22:46

欣赏辫子哥哥的好声音{:4_208:}

小辣椒 发表于 2022-12-8 22:47

樵歌 发表于 2022-12-8 19:38
喜欢得紧

樵哥哥收礼开心{:4_179:}

大猫咪 发表于 2022-12-8 23:00

唱的真棒，赞！好久不见辫子哥哥，问好{:4_179:}{:4_191:}一起想妹妹{:4_189:}
樵哥哥收礼开心！

{:4_173:}{:4_199:}{:4_204:}

辫子哥哥 发表于 2022-12-9 16:38

大猫咪 发表于 2022-12-8 23:00
唱的真棒，赞！好久不见辫子哥哥，问好一起想妹妹
樵哥哥收礼开心！



猫咪好，真好久没有碰到了{:4_187:}

辫子哥哥 发表于 2022-12-9 16:38

大猫咪 发表于 2022-12-8 23:00
唱的真棒，赞！好久不见辫子哥哥，问好一起想妹妹
樵哥哥收礼开心！



唱的好是假的，但送礼的心意是真诚的{:4_205:}

辫子哥哥 发表于 2022-12-9 16:39

大猫咪 发表于 2022-12-8 23:00
唱的真棒，赞！好久不见辫子哥哥，问好一起想妹妹
樵哥哥收礼开心！



猫咪最近不忙了 很开心可以一起玩了{:4_179:}

樵歌 发表于 2022-12-9 21:06

辫子哥哥 发表于 2022-12-8 19:43
就是让给你的

要不然呢，不成还有人想这沙发{:4_361:}

樵歌 发表于 2022-12-9 21:07

辫子哥哥 发表于 2022-12-8 19:44
就知道樵歌会喜欢想妹妹

错！是喜欢小辫子回来了{:4_173:}
页: [1] 2 3
查看完整版本: 想妹妹---送樵歌