梦油来听老歌：走上这高高的兴安岭
<style>#papa { margin: auto; width: 700px; height: 420px; background: gray url('https://cy18.cn/app/public/upload/image/Article/2019-11/source_img/5dd78431261d7.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=5270795.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>
@梦油请老哥来听。 放开了，今天出门去钓鱼了，不能陪你们玩，晚上回来。{:4_193:} 谢谢樵歌朋友为俺发出我所喜欢的红歌、老歌。我很喜欢吕文科演唱的歌曲，除了《走上这高高的兴安岭》外，他演唱的《克拉玛依之歌》、《西沙我可爱的家乡》、《木棉开花火样红》以及“共大赞歌”等歌曲也是脍炙人口的好作品。他演唱的歌曲音色高亢嘹亮、情绪饱满，所以我很喜欢。在这里，我再一次感谢樵歌朋友为俺送来了我喜欢的歌曲，以及你对我一如既往的支持和帮助，我觉得有了你，温暖了我在花潮的生活，非常感谢樵歌朋友给我带来的一份快乐。我向樵歌朋友道一声，你辛苦了！谢谢，谢谢！ 师兄厉害，现在也可以随意用音画送礼了，帖子做得很漂亮，大赞{:4_199:} 前奏是马头琴吧，真好听{:4_187:} 奇怪，樵歌的图我也是看不见{:4_203:} 歌曲听到的 都不清楚图片上去没有{:4_203:}@小辣椒 、、你晚上看看 好听，感谢您的精彩分享！{:4_185:} 梦油 发表于 2022-12-8 09:58
谢谢樵歌朋友为俺发出我所喜欢的红歌、老歌。我很喜欢吕文科演唱的歌曲，除了《走上这高高的兴安岭》外，他 ...
知道老哥哥喜欢就明白了。以后向小辣椒请教，做个你喜欢的专集出来，不过可惜现在还不会。
@小辣椒 樵哥哥有事找你 红影 发表于 2022-12-8 10:50
师兄厉害，现在也可以随意用音画送礼了，帖子做得很漂亮，大赞
全奈师妹教呢{:4_195:} 红影 发表于 2022-12-8 10:53
前奏是马头琴吧，真好听
是的，我最喜欢马头琴那浑厚苍凉的声音。特别是大师“齐 宝力高”弹奏的万马奔腾。 辫子哥哥 发表于 2022-12-8 14:05
奇怪，樵歌的图我也是看不见
奇怪了，我们都看得见鸭{:4_173:} 辫子哥哥 发表于 2022-12-8 14:05
歌曲听到的
换种模式试下呢 辫子哥哥 发表于 2022-12-8 14:06
都不清楚图片上去没有@小辣椒 、、你晚上看看
估计你和小辣椒都木去过呢 梦缘 发表于 2022-12-8 15:21
好听，感谢您的精彩分享！
我们老了，喜欢听老歌呢{:4_173:} 樵歌 发表于 2022-12-8 19:49
奇怪了，我们都看得见鸭
可以看见，只是这个图片链接地址少个S 又看不见了{:4_203:} 樵歌 发表于 2022-12-8 19:46
全奈师妹教呢
有这样良好的开始，师兄可以越做越熟练了{:4_199:}
页:
[1]
2