辫子哥哥 发表于 2022-12-10 21:21

酒醉的探戈 - 高胜美TO：黑总

<br><br><br><br><style>
#papa { margin: auto;left: -240px;width: 1024px; height: 576px; background: gray url('https://pic.imgdb.cn/item/639486a8b1fccdcd36fca47c.jpg') no-repeat center/cover; box-shadow: 3px 3px 20px #000; position: relative; }
</style>
<div id="papa">
</div>
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=1408763423.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>

辫子哥哥 发表于 2022-12-10 21:22

@马黑黑

黑总图做不好就这样了

马黑黑 发表于 2022-12-10 21:31

辫子哥哥 发表于 2022-12-10 21:22
@马黑黑

黑总图做不好就这样了

已经很好了，把醉与探（情）表达的淋漓尽致。如果让 @东篱闲人 打分，肯定是大分——
10000√

辫子哥哥 发表于 2022-12-10 21:36

马黑黑 发表于 2022-12-10 21:31
已经很好了，把醉与探（情）表达的淋漓尽致。如果让 @东篱闲人 打分，肯定是大分——
10000√

{:4_170:}{:4_189:}{:4_196:}{:4_205:}{:4_172:}

马黑黑 发表于 2022-12-10 21:58

辫子哥哥 发表于 2022-12-10 21:36


{:4_178:}

醉美水芙蓉 发表于 2022-12-10 22:21

红影 发表于 2022-12-10 23:51

这舞跳得很投入啊，呵呵，黑黑给打了那么高的分{:4_173:}

梦油 发表于 2022-12-11 10:25

舞姿潇洒奔放，飘逸洒脱。{:4_199:}

加林森 发表于 2022-12-11 12:20

漂亮的制作。大赞！{:4_199:}

辫子哥哥 发表于 2022-12-11 19:29

马黑黑 发表于 2022-12-10 21:58


看见黑总给我批的高分，一般优等声的成绩，这个是对我这个差生的最大鼓励{:4_170:}

辫子哥哥 发表于 2022-12-11 19:30

醉美水芙蓉 发表于 2022-12-10 22:21
图图字体不错，谢谢辫子老师分享！

不好意思了，啥都忘记了，现在都不会了

辫子哥哥 发表于 2022-12-11 19:30

红影 发表于 2022-12-10 23:51
这舞跳得很投入啊，呵呵，黑黑给打了那么高的分

鼓励鼓励{:4_189:}

辫子哥哥 发表于 2022-12-11 19:31

梦油 发表于 2022-12-11 10:25
舞姿潇洒奔放，飘逸洒脱。

梦油一起来跳一个{:4_187:}

辫子哥哥 发表于 2022-12-11 19:31

加林森 发表于 2022-12-11 12:20
漂亮的制作。大赞！

看见队长了{:4_171:}

梦缘 发表于 2022-12-11 19:39

很有劲的舞曲，感谢分享！{:4_185:}

辫子哥哥 发表于 2022-12-11 19:40

梦缘 发表于 2022-12-11 19:39
很有劲的舞曲，感谢分享！

谢谢，{:4_187:}

马黑黑 发表于 2022-12-11 19:44

辫子哥哥 发表于 2022-12-11 19:29
看见黑总给我批的高分，一般优等声的成绩，这个是对我这个差生的最大鼓励

{:4_187:}

梦油 发表于 2022-12-11 20:29

辫子哥哥 发表于 2022-12-11 19:31
梦油一起来跳一个
老朽八十多了，可蹦不起来了。要舞起来得带上拐杖。{:4_170:}

辫子哥哥 发表于 2022-12-12 11:32

梦油 发表于 2022-12-11 20:29
老朽八十多了，可蹦不起来了。要舞起来得带上拐杖。

啊，老前辈的啊{:4_187:}

辫子哥哥 发表于 2022-12-12 11:33

马黑黑 发表于 2022-12-11 19:44


{:4_205:}
页: [1] 2
查看完整版本: 酒醉的探戈 - 高胜美TO：黑总