年轻的朋友来相会

一师

[i=s] 本帖最后由 一师 于 2022-5-9 11:15 编辑 [/i]

[ver:v1.0] [ar:李谷一,张若昀] [ti:年轻的朋友来相会] [by:v_emilylu] [00:00.000]年轻的朋友来相会 - 李谷一/张若昀 [00:01.760]词：张枚同 [00:02.200]曲：谷建芬 [00:02.640]原唱：任雁 [00:03.080]编曲：佚名 [00:03.520]制作人：蔡诚俊 [00:04.180]音乐总监：张筱真 [00:04.950]艺术总监：董文华 [00:05.720]弦乐指挥：李朋 [00:06.380]管弦乐：国际首席爱乐乐团 [00:07.590]合唱：国际首席爱乐乐团合唱团 [00:09.020]录音：李雯蕙/董明宇 [00:10.010]录音室：北京和声录音室 [00:11.110]混音：江松松 [00:11.660]混音室：北京九紫天诚录音室 [00:12.980]指导单位：中宣部“学习强国”学习平台 [00:14.630]制作出品：悦晟雷音（北京）文化传媒有限公司 [00:16.610]全媒体推广：北京智慧大狗文化传媒有限公司 [00:18.718]李谷一： [00:22.493]年轻的朋友们 今天来相会 [00:25.479]荡起小船儿 暖风轻轻吹 [00:28.508]花儿香 鸟儿鸣 春光惹人醉 [00:32.036]欢歌笑语绕着彩云飞 [00:34.765]啊 亲爱的朋友们 [00:36.452]美妙的春光属于谁 [00:38.465]属于我 属于你 [00:41.430]属于我们改革开放的新一辈 [00:45.092]张若昀： [00:45.625]再过二十年 我们重相会 [00:48.437]伟大的祖国该有多么美 [00:51.513]天也新 地也新 春光更明媚 [00:55.049]城市乡村处处增光辉 [00:57.836]啊 亲爱的朋友们 [00:59.420]创造这奇迹要靠谁 [01:01.498]要靠我 要靠你 [01:04.451]要靠我们改革开放的新一辈 [01:08.681]合唱： [01:28.491]但愿到那时 我们再相会 [01:31.451]举杯赞英雄 光荣属于谁 [01:34.425]为祖国 为四化 流过多少汗 [01:37.979]回首往事心中可有愧 [01:40.669]啊 亲爱的朋友们 [01:42.457]愿我们自豪地举起杯 [01:44.447]挺胸膛 笑扬眉 [01:47.425]光荣属于改革开放的新一辈 [01:51.420]光荣属于改革开放的新一辈 [01:55.422]光荣属于改革开放的新一辈

一师

1. <div style="position:relative;width: 1010px;height: 570px;margin-top:100px; margin-left: -220px;
   
2. box-shadow: 0px 0px 0px 2px #000000, 0px 0px 15px 15px         #0000FF;overflow:hidden;border-radius:0.6%;
   
3. background-image:url(http://www.keai99.com/data/attachment/forum/202205/02/134938csbgzsa21ceeaa9g.jpg);background-size:cover;">
   
4. 
   
5. 
   
6. <video autoplay muted  loop src="http://url.amp3a.com/youku.php/XNDE0NDkwNDcyMA==.mp4"
   
7. style="width: 570px;-webkit-mask-image: radial-gradient(black 25%, transparent 75%);
   
8. position:absolute;left:-50px;top:120px;"></video>
   
9. <div style="color:#f88;font-size:2.5em;margin-left:350px;top:20px;"></div>
   
10. 
    
11. <div id="lyricShow" style="position:absolute;width:90%;left:5%;bottom:5px;"></div>
    
12. </div>
    
13. <script type="text/javascript">
    
14. document.write('<script type="text/javascript" src="http://cesholl.cn3v.work/scripts/lrcPlayer.min.js"><\/script>');
    
15. </script>
    
16. <textarea id="lrc_content" style="visibility:hidden;">
    
17. [ver:v1.0]
    
18. [ti:年轻的朋友来相会]
    
19. [00:18.79]年轻的朋友们今天来相会
    
20. [00:21.91]荡起小船儿暖风轻轻吹
    
21. [00:25.28]花儿香 鸟儿鸣 春光惹人醉
    
22. [00:29.22]欢歌笑语绕着彩云飞
    
23. [00:32.40]啊 亲爱的朋友们
    
24. [00:34.35]美妙的春光属于谁
    
25. [00:36.53]属于我 属于你
    
26. [00:39.91]属于我们八十年代的新一辈！
    
27. [00:53.78]再过二十年我们重相会
    
28. [00:56.97]伟大的祖国该有多么美！
    
29. [01:00.53]天也新 地也新 春光更明媚
    
30. [01:04.28]城市乡村处处增光辉
    
31. [01:07.66]啊 亲爱的朋友们
    
32. [01:09.41]创造这奇迹要靠谁
    
33. [01:11.66]要靠我 要靠你
    
34. [01:14.97]要靠我们八十年代的新一辈！
    
35. [01:37.76]但愿到那时我们再相会
    
36. [01:41.20]举杯赞英雄 光荣属于谁
    
37. [01:44.52]为祖国 为 四化 流过多少汗
    
38. [01:48.45]回首往事心中可有愧
    
39. [01:51.70]啊 亲爱的朋友们
    
40. [01:53.58]愿我们自豪地举起杯
    
41. [01:55.83]挺胸膛 笑扬眉
    
42. [01:59.14]光荣属于八十年代的新一辈！
    
43. 
    
44. 
    
45. http://link.hhtjim.com/kw/192598487.mp3
    
46. 
    
47. 
    
48. </textarea>
    
49. <script type="text/javascript">
    
50.         var opts = {
    
51.                 //        下面3个参数是必须的！
    
52.                 lrcTxtID:'lrc_content',
    
53.                 lrcShowID:"lyricShow",
    
54.                 audioURL:"http://link.hhtjim.com/kw/192598487.mp3",
    
55.                 //        可选的参数
    
56.                 gczh:'28px',
    
57.                 gczt:'楷体,楷体_GB2312',
    
58.                 gcct:true,
    
59.                 dqfs:'center',
    
60.                 gcys:'#f88',
    
61.                 gcys1:'#FFC125',
    
62.                 shys:'#000',               
    
63.                 //-------------------------------------------------------
    
64.                 playLoop:true,
    
65.                 showMode:0,
    
66.                 gchs:2
    
67.         };
    
68. new lrcPlayer(opts);
    
69. </script>
    
70. <div style="height:70px;"></div>

复制代码

一师

请大师指导，错在哪里？谢谢！

湛蓝

http://tuku.link/imgs/2022/05/faf83f5b5a304e82.jpg
用这张图试试看，放大到与原代码中的尺寸一致（1010x570）

同步歌词有问题（45行的MP3去掉）

沧海笑

好像歌词与音乐不相配？

湛蓝

沧海笑 发表于 2022-5-3 14:33
好像歌词与音乐不相配？

是的，歌词和歌曲不配套。

我从另一个网站下载了歌曲歌词，是正常的！

沧海笑

湛蓝 发表于 2022-5-3 13:29

用这张图试试看，放大到与原图尺寸一致

这个图片代码有一个不足之处，就是它设置的宽高要与图片的大小要匹配才能完整显示，要不然就不行，如果代码换成这样就不受限制了：<div style="position:relative; width: 1010px; height: 570px; margin-top: 0px; margin-left: 0px;
box-shadow: 0px 0px 0px 2px #000000, 0px 0px 15px 15px         #0000FF;overflow:hidden;border-radius:0.6%;">
<img  width=1010 height=570 src="http://www.keai99.com/data/attachment/forum/202205/02/134938csbgzsa21ceeaa9g.jpg"></img>这是个见，供参考。

湛蓝

（一师老师的原图：760x570） 去除8和9楼，经过验证的确是因为我的问题，现在恢复了

湛蓝

与原代码中尺寸相同图片（1010x570） 8和9楼是因为我把歌曲去除了导致一楼没有声音！

湛蓝

沧海笑 发表于 2022-5-3 15:06
这个图片代码有一个不足之处，就是它设置的宽高要与图片的大小要匹配才能完整显示，要不然就不行，如果代 ...

8楼和9楼都用的7楼的代码，9楼是大图（与原代码尺寸吻合），
我去掉了音乐，以免互相干扰！