注册时间2021-11-18
在线时间 小时
- 最后登录
- 1970-1-1
|
楼主 |
发表于 2023-2-11 10:54
|
显示全部楼层
本帖最后由 起个网名好难 于 2023-2-11 10:58 编辑
看看下面的例子应该就可以清楚了,欢迎交流。
- <style>
- @import url("http://cesholl.3vcn.work/sstyle/lrcPlayerS.min.css");
- #oBlk {
- width:800px;height:100px;
- position:relative;
- overflow:hidden;border-radius:24px;
- box-shadow:3px 3px 20px black;
- background-color:skyblue;
- font-size:14px;
- }
- .lrcShow{
- font-size:2em;
- bottom:0px;
- }
- </style>
- <div id="oBlk">
- <div class="lrcShow" data-lrc="点击启动播放"></div>
- </div>
- <script>
- document.write('<script type="text/javascript" src="http://cesholl.3vcn.work/scripts/lrcPlayerS.packed.js"><\/script>');
- </script>
- <script>
- var lrctxt = `
- [00:00.000]北京胡同 - 王享欢
- [00:10.590]词:李幼容
- [00:21.190]曲:朱思思
- [00:31.790]弯弯曲曲的小胡同
- [00:40.500]有很多 有很多
- [00:44.730]弯弯曲曲的故事
- [00:50.900]弯弯曲曲的小故事
- [00:54.500]告诉 告诉我和你
- [01:16.360]每一座四合院
- [01:20.530]都有一幅看不够的画
- [01:26.630]每一扇大门都关着
- [01:37.730]都关着一个猜不出的谜
- [01:43.360]都关着一个猜不出的谜
- [01:59.930]到胡同去
- [02:02.120]到胡同去
- [02:04.050]走出高楼大厦
- [02:06.050]到小胡同去
- [02:08.140]走进爷爷奶奶的故事里
- [02:14.450]听一听老北京的回忆
- [02:21.940]悠长的回忆
- [02:43.220]深深浅浅的小胡同
- [02:51.700]有很多有很多深深浅浅的话题
- [03:01.900]深深浅浅的小话题
- [03:05.910]诉说诉说风和雨
- [03:27.390]每一个大家庭
- [03:31.760]都有一首经风雨的歌
- [03:37.690]每一个孩子都演着
- [03:49.050]都演着一出童话般的戏
- [03:54.650]都演着一出童话般的戏
- [04:07.600]哎嗨嗨哎嗨嗨
- [04:11.270]到胡同去
- [04:13.290]到胡同去
- [04:15.500]穿出鲜花霓红到小胡同去
- [04:19.510]走出弯弯曲曲的老故事
- [04:25.590]看一看新北京的美丽
- [04:33.640]迷人的美丽`;
- //
- var opts = {
- lrcTxt:lrctxt,
- audioURL:"http://link.hhtjim.com/kw/28604678.mp3",
- }
- new lrcPlayerY(opts);
- </script>
复制代码
|
|