送个俺家乡的调儿给清寒妹子
<style>#papa { margin: auto; width: 700px; height: 420px; background: gray url('http://5b0988e595225.cdn.sohucs.com/images/20171112/9a402e634f4f429e9a4313d12a9c517f.jpeg') 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=36150820.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_190:} 有趣的地方小调,好像经过现代编曲。里面还有对白呢,不过对白听不懂{:4_173:} 很有特色的帖子。寒寒收礼开心{:4_187:} 哎呦,我的哥。整这么个欢快,边听边乐 这是四川民间小调?河南豫剧《朝阳沟》,好像也是这个味儿 红影 发表于 2022-12-10 12:49
很有特色的帖子。寒寒收礼开心
谢谢亲爱的影子。好帖共享,一起开心 樵歌 发表于 2022-12-10 12:13
@一窗清寒 ,来听熟悉的乡音
妹妹带着巨大的欢喜与感动,飞来了。心里默念一万遍“谢谢哥”。 小调很有有趣~~{:4_199:}{:4_199:} 同祝送礼的和收礼的周末快乐~~{:4_176:}{:4_176:} 三月的阳光 发表于 2022-12-10 14:08
同祝送礼的和收礼的周末快乐~~
也祝捧场子的阳光周末快乐,天天快乐 哈哈,先笑一下{:4_170:}
这个小调一面听一面笑的 一窗清寒 发表于 2022-12-10 14:02
谢谢亲爱的影子。好帖共享,一起开心
樵歌刚学会不久,就想着给寒寒送礼了,这份情很珍贵{:4_187:} 一窗清寒 发表于 2022-12-10 14:05
妹妹带着巨大的欢喜与感动,飞来了。心里默念一万遍“谢谢哥”。
寒寒,樵哥哥这个是地方戏吧,感觉很欢乐的样子,樵哥哥最近几天做了许多帖了,个个都是老歌,今天这个应该也是老歌吧,只是这唢呐声音好欢快的,听听都被感染了。。。。{:4_208:} 樵哥哥越来越厉害了,后面可以增加难度了{:4_189:} 哈哈哈,这个唢呐曲在西游记里也使用了,河南,不是,应该河南以南或以西,这唢呐在黄土高原是主要乐器,高亢的点又像秦腔 很好听,欣赏老师的分享!{:4_185:} 朝阳沟的味儿{:4_199:} 这歌好听,调不错,我喜欢{:4_199:}
页:
[1]
2