可爱老人网

 找回密码
 注册会员
搜索
123
返回列表 发新帖

北京胡同

[复制链接]
 楼主| 发表于 2023-2-11 10:43 | 显示全部楼层




 楼主| 发表于 2023-2-11 10:44 | 显示全部楼层
元宇宙 发表于 2023-2-11 09:43
欣赏老师佳作,早上好




 楼主| 发表于 2023-2-11 10:54 | 显示全部楼层
本帖最后由 起个网名好难 于 2023-2-11 10:58 编辑
山水人家 发表于 2023-2-11 09:06
请问老师,LRC同步歌词是怎么编辑的,原来学的,不支持了。谢谢。

看看下面的例子应该就可以清楚了,欢迎交流。


  1. <style>
  2. @import url("http://cesholl.3vcn.work/sstyle/lrcPlayerS.min.css");

  3. #oBlk        {
  4.         width:800px;height:100px;
  5.         position:relative;
  6.         overflow:hidden;border-radius:24px;
  7.         box-shadow:3px 3px 20px black;
  8.         background-color:skyblue;
  9.         font-size:14px;
  10. }
  11. .lrcShow{
  12.         font-size:2em;
  13.         bottom:0px;
  14. }
  15. </style>

  16. <div id="oBlk">
  17. <div class="lrcShow" data-lrc="点击启动播放"></div>
  18. </div>

  19. <script>
  20. document.write('<script type="text/javascript" src="http://cesholl.3vcn.work/scripts/lrcPlayerS.packed.js"><\/script>');
  21. </script>

  22. <script>
  23. var lrctxt = `
  24. [00:00.000]北京胡同 - 王享欢
  25. [00:10.590]词:李幼容
  26. [00:21.190]曲:朱思思
  27. [00:31.790]弯弯曲曲的小胡同
  28. [00:40.500]有很多 有很多
  29. [00:44.730]弯弯曲曲的故事
  30. [00:50.900]弯弯曲曲的小故事
  31. [00:54.500]告诉 告诉我和你
  32. [01:16.360]每一座四合院
  33. [01:20.530]都有一幅看不够的画
  34. [01:26.630]每一扇大门都关着
  35. [01:37.730]都关着一个猜不出的谜
  36. [01:43.360]都关着一个猜不出的谜
  37. [01:59.930]到胡同去
  38. [02:02.120]到胡同去
  39. [02:04.050]走出高楼大厦
  40. [02:06.050]到小胡同去
  41. [02:08.140]走进爷爷奶奶的故事里
  42. [02:14.450]听一听老北京的回忆
  43. [02:21.940]悠长的回忆
  44. [02:43.220]深深浅浅的小胡同
  45. [02:51.700]有很多有很多深深浅浅的话题
  46. [03:01.900]深深浅浅的小话题
  47. [03:05.910]诉说诉说风和雨
  48. [03:27.390]每一个大家庭
  49. [03:31.760]都有一首经风雨的歌
  50. [03:37.690]每一个孩子都演着
  51. [03:49.050]都演着一出童话般的戏
  52. [03:54.650]都演着一出童话般的戏
  53. [04:07.600]哎嗨嗨哎嗨嗨
  54. [04:11.270]到胡同去
  55. [04:13.290]到胡同去
  56. [04:15.500]穿出鲜花霓红到小胡同去
  57. [04:19.510]走出弯弯曲曲的老故事
  58. [04:25.590]看一看新北京的美丽
  59. [04:33.640]迷人的美丽`;
  60. //        
  61. var opts = {
  62.     lrcTxt:lrctxt,
  63.     audioURL:"http://link.hhtjim.com/kw/28604678.mp3",
  64. }
  65. new lrcPlayerY(opts);

  66. </script>

复制代码

 楼主| 发表于 2023-2-11 10:58 | 显示全部楼层
发表于 2023-2-11 11:09 | 显示全部楼层
老师上午好!非常赞赏您的音画佳作!
 楼主| 发表于 2023-2-11 11:30 | 显示全部楼层
九品莲花 发表于 2023-2-11 11:09
老师上午好!非常赞赏您的音画佳作!

谢谢您的鼓励!

点评

谢谢友情互动  发表于 2023-2-11 11:33
发表于 2023-2-11 11:40 | 显示全部楼层
欣赏分享!谢谢介绍!&#160;
 楼主| 发表于 2023-2-11 12:06 | 显示全部楼层
沪上人 发表于 2023-2-11 11:40
欣赏分享!谢谢介绍!&#160;

谢谢您的鼓励!

发表于 2023-2-11 20:29 | 显示全部楼层
谢谢老师的精彩佳作分享!问候老师好!
 楼主| 发表于 2023-2-12 09:42 | 显示全部楼层
老梦缘 发表于 2023-2-11 20:29
谢谢老师的精彩佳作分享!问候老师好!




        
下一页 发布主题 快速回复

手机版|公众号|小黑屋|可爱老人网

GMT+8, 2024-11-19 18:26

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表