Giovanni Marradi钢琴曲11首

竹轩听雨

浅白 发表于 2020-3-3 11:26
乔瓦尼，曲曲都是心头爱

谢谢听雨，这样的曲子可以让浮躁的心安静下来，让安静的心更是一片澄澈清宁

Giovanni的曲子清丽脱俗，一尘不染，让人百听不厌。浅白也喜欢，那就一起静静地听。

竹轩听雨

空心树 发表于 2020-3-3 16:02
不累的不累的，慢慢来嘛，来日方长，哈哈哈~~~

我信你的了，慢慢来吧。

竹轩听雨

1. <div align="center"><style>
   
2. ._editor{width:700px;}
   
3. </style>
   
4. <br><br>
   
5. <section class="_editor" style='padding: 15px; text-align: justify; font-family: mp-quote, -apple-system-font, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif; font-size: 17px; white-space: normal; box-shadow: 0px 0px 3px rgb(13,13,13); background-color: rgba(219, 234, 251, 1);'>
   
6. <section style="margin: 10px;">
   
7. <p style="letter-spacing: 2px; margin-right: 32px; margin-left: 70px;">
   
8. <br>
   
9. <br>
   
10. <p align="center"><img width="600" height="520" src="https://img.wyc520.com.cn/data/attachment/forum/202003/01/114158o6r2vyrvez2hrven.png" border="0"></p><p></p>
    
11. <section style="line-height: 2em; text-indent: 2em; letter-spacing: 1.5px; margin-right: 60px; margin-left: 60px;">
    
12. <span style="color: rgb(0, 0, 0); font-family: 微软雅黑, Microsoft YaHei; font-size: 15px;">
    
13. Giovanni是一个在自然音乐中最富盛名的佼佼者，一个钢琴演奏界的教父，人称“现代钢琴诗人”，他运用钢琴丰富多变的
    
14. 
    
15. 特质，将音符幻化成一幅幅唯美的风景，他以轻柔的琴音撩动现代人的心弦，营造出泛着银晖的浪漫情，他的钢琴音乐
    
16. 犹如清晨荷花上的露珠，晶莹、透明有时又象森林深处夜莺的私语，饱含不食人间烟火的凄美，熟悉的旋律赋予自然而感性
    
17. 
    
18. 的转折，造就乔瓦尼迷人的音乐风格! 聆听他的音乐你会觉得是在读一首首的抒情诗，有象在欣赏一幅幅的风景画……
    
19. <br>
    
20. 
    
21. </span></section>
    
22. <section style="line-height: 2em; letter-spacing: 1.5px; margin-right: 50px; margin-left: 200px;">
    
23. <span style="color: rgb(0, 0, 0); font-family: 微软雅黑, Microsoft YaHei; font-size: 13px;">
    
24. 01.Just For You - Giovanni Marradi<br>
    
25. 02.Only You - Giovanni Marradi<br>
    
26. 03.Romantico - Giovanni Marradi<br>
    
27. 04.For You - Giovanni Marradi<br>
    
28. 05.I Believe - Giovanni Marradi<br>
    
29. 06.Shadows - Giovanni Marradi<br>
    
30. 07.Dreams - Giovanni Marradi<br>
    
31. 08.And I You - Giovanni Marradi<br>
    
32. 09.Spring Love - Giovanni Marradi<br>
    
33. 10.Autumn Rain - Giovanni Marradi<br>
    
34. 11.Nocturnes - Giovanni Marradi<br>
    
35. <br>
    
36. </span></section>
    
37. </section>
    
38. <div align="center" style="position: relative;">
    
39. 
    
40. <meta name="viewport" content="width=device-width">
    
41. <script type="text/javascript">
    
42. document.write("<scr"+"ipt src="http://webftp.bbs.hnol.net/sxrx2016/players/jquery.js"></sc"+"ript>")
    
43. document.write("<scr"+"ipt src="http://webftp.bbs.hnol.net/sxrx2016/players/player.js"></sc"+"ript>")
    
44. document.write("<scr"+"ipt src="http://webftp.bbs.hnol.net/sxrx2016/players/lock/player/displayer.js"></sc"+"ript>")
    
45. </script>
    
46. <link href="http://webftp.bbs.hnol.net/sxrx2016/players/lock/player/player.css" rel="stylesheet" type="text/css">
    
47. <div style="margin: 0px auto;">
    
48. <p align="center"><img width="240" height="128" src="http://webftp.bbs.hnol.net/sxrx2016/players/lock/image/player.png" border="0"></p>
    
49. <embed width="240" height="128" align="center" pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://webftp.bbs.hnol.net/sxrx2016/players/lock/image/flash.swf?url=&bgcolor=000000&color=000000" type="application/x-shockwave-flash" style="left: 50%; top: 50%; margin-top: -64px; margin-left: -120px; position: absolute;" wmode="transparent" invokeurls="false" <="" embed="">
    
50. <div id="displayers" style="left: 50%; top: 50%; width: 100%; height: 100%; margin-top: 0px; margin-left: -105px; display: block; position: absolute;">
    
51.         <ul class="player-audios" style="display: none;">
    
52.             <li data-artist="" data-album="" data-info="" data-image="" data-duration="0" data-title="Just For You - Giovanni Marradi">
    
53.                 <div class="player-source" data-type="audio/mpeg" data-src="https://music.163.com/song/media/outer/url?
    
54. 
    
55. id=18137545.mp3">
    
56.             </div></li>
    
57.             <li data-artist="" data-album="" data-info="" data-duration="0" data-title="Only You - Giovanni Marradi" data-="" image="">
    
58.                 <div class="player-source" data-type="audio/mpeg" data-src="https://music.163.com/song/media/outer/url?
    
59. 
    
60. id=25727747.mp3">
    
61.             </div></li>
    
62.             <li data-artist="" data-album="" data-info="" data-duration="0" data-title="Romantico - Giovanni Marradi" data-="" image="">
    
63.                 <div class="player-source" data-type="audio/mpeg" data-src="https://music.163.com/song/media/outer/url?
    
64. 
    
65. id=27510268.mp3">
    
66.             </div></li>
    
67.             <li data-artist="" data-album="" data-info="" data-duration="0" data-title="For You - Giovanni Marradi" data-="" image="">
    
68.                 <div class="player-source" data-type="audio/mpeg" data-src="https://music.163.com/song/media/outer/url?
    
69. 
    
70. id=27510251.mp3">
    
71.             </div></li>
    
72.             <li data-artist="" data-album="" data-info="" data-duration="0" data-title="I Believe - Giovanni Marradi" data-="" image="">
    
73.                 <div class="player-source" data-type="audio/mpeg" data-src="https://music.163.com/song/media/outer/url?
    
74. 
    
75. id=18137553.mp3">
    
76.             </div></li>
    
77.             <li data-artist="" data-album="" data-info="" data-duration="0" data-title="Shadows - Giovanni Marradi" data-="" image="">
    
78.                 <div class="player-source" data-type="audio/mpeg" data-src="https://music.163.com/song/media/outer/url?
    
79. 
    
80. id=27510263.mp3">
    
81.             </div></li>
    
82.             <li data-artist="" data-album="" data-info="" data-duration="0" data-title="Dreams - Giovanni Marradi" data-="" image="">
    
83.                 <div class="player-source" data-type="audio/mpeg" data-src="https://music.163.com/song/media/outer/url?
    
84. 
    
85. id=18137556.mp3">
    
86.             </div></li>
    
87.             <li data-artist="" data-album="" data-info="" data-duration="0" data-title="And I You - Giovanni Marradi" data-="" image="">
    
88.                 <div class="player-source" data-type="audio/mpeg" data-src="https://music.163.com/song/media/outer/url?
    
89. 
    
90. id=18137723.mp3">
    
91.             </div></li>
    
92.             <li data-artist="" data-album="" data-info="" data-duration="0" data-title="Spring Love - Giovanni Marradi" data-="" image="">
    
93.                 <div class="player-source" data-type="audio/mpeg" data-src="https://music.163.com/song/media/outer/url?
    
94. 
    
95. id=27510252.mp3">
    
96.             </div></li>
    
97.             <li data-artist="" data-album="" data-info="" data-duration="0" data-title="Autumn Rain - Giovanni Marradi" data-="" image="">
    
98.                 <div class="player-source" data-type="audio/mpeg" data-src="https://music.163.com/song/media/outer/url?
    
99. 
    
100. id=28908002.mp3">
     
101.             </div></li>
     
102.             <li data-artist="" data-album="" data-info="" data-duration="0" data-title="Nocturnes - Giovanni Marradi" data-="" image="">
     
103.                 <div class="player-source" data-type="audio/mpeg" data-src="https://music.163.com/song/media/outer/url?
     
104. 
     
105. id=18137718.mp3">
     
106.             </div></li>
     
107.         </ul>
     
108.     </div>
     
109. </div>
     
110. </div>
     
111. <br>
     
112. <br>
     
113. <br>
     
114. <br>
     
115. </section>
     
116. </div>

复制代码

竹轩听雨

1. <div align="center" style="position: relative;">
   
2. <meta http-equiv="content-type" content="text/html;charset=utf-8"/>
   
3. <meta name="viewport" content="width=device-width">
   
4. <script type="text/javascript">
   
5. document.write("<scr"+"ipt src="http://webftp.bbs.hnol.net/sxrx2016/players/jquery.js"></sc"+"ript>")
   
6. document.write("<scr"+"ipt src="http://webftp.bbs.hnol.net/sxrx2016/players/player.js"></sc"+"ript>")
   
7. document.write("<scr"+"ipt src="http://webftp.bbs.hnol.net/sxrx2016/players/lock/player/displayer.js"></sc"+"ript>")
   
8. </script>
   
9. <link href="http://webftp.bbs.hnol.net/sxrx2016/players/lock/player/player.css" rel="stylesheet" type="text/css">
   
10. <div style="margin: 0px auto;">
    
11. <p align="center"><img width="240" height="128" src="http://webftp.bbs.hnol.net/sxrx2016/players/lock/image/player.png" border="0"></p>
    
12. <embed width="240" height="128" align="center" pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://webftp.bbs.hnol.net/sxrx2016/players/lock/image/flash.swf?url=&amp;bgcolor=000000&amp;color=000000" type="application/x-shockwave-flash" style="left: 50%; top: 50%; margin-top: -64px; margin-left: -120px; position: absolute;" wmode="transparent" invokeurls="false" <="" embed="">
    
13. <div id="displayers" style="left: 50%; top: 50%; width: 100%; height: 100%; margin-top: 0px; margin-left: -105px; display: block; position: absolute;">
    
14.         <ul class="player-audios" style="display: none;">
    
15.             <li data-artist="" data-album="" data-info="" data-image="" data-duration="0" data-title="Just For You - Giovanni Marradi">
    
16.                 <div class="player-source" data-type="audio/mpeg" data-src="https://music.163.com/song/media/outer/url?&#10;&#10;id=18137545.mp3">
    
17.             </div></li>
    
18.             <li data-artist="" data-album="" data-info="" data-duration="0" data-title="Only You - Giovanni Marradi" data-="" image="">
    
19.                 <div class="player-source" data-type="audio/mpeg" data-src="https://music.163.com/song/media/outer/url?&#10;&#10;id=25727747.mp3">
    
20.             </div></li>
    
21.             <li data-artist="" data-album="" data-info="" data-duration="0" data-title="Romantico - Giovanni Marradi" data-="" image="">
    
22.                 <div class="player-source" data-type="audio/mpeg" data-src="https://music.163.com/song/media/outer/url?&#10;&#10;id=27510268.mp3">
    
23.             </div></li>
    
24.             <li data-artist="" data-album="" data-info="" data-duration="0" data-title="For You - Giovanni Marradi" data-="" image="">
    
25.                 <div class="player-source" data-type="audio/mpeg" data-src="https://music.163.com/song/media/outer/url?&#10;&#10;id=27510251.mp3">
    
26.             </div></li>
    
27.             <li data-artist="" data-album="" data-info="" data-duration="0" data-title="I Believe - Giovanni Marradi" data-="" image="">
    
28.                 <div class="player-source" data-type="audio/mpeg" data-src="https://music.163.com/song/media/outer/url?&#10;&#10;id=18137553.mp3">
    
29.             </div></li>
    
30.             <li data-artist="" data-album="" data-info="" data-duration="0" data-title="Shadows - Giovanni Marradi" data-="" image="">
    
31.                 <div class="player-source" data-type="audio/mpeg" data-src="https://music.163.com/song/media/outer/url?&#10;&#10;id=27510263.mp3">
    
32.             </div></li>
    
33.             <li data-artist="" data-album="" data-info="" data-duration="0" data-title="Dreams - Giovanni Marradi" data-="" image="">
    
34.                 <div class="player-source" data-type="audio/mpeg" data-src="https://music.163.com/song/media/outer/url?&#10;&#10;id=18137556.mp3">
    
35.             </div></li>
    
36.             <li data-artist="" data-album="" data-info="" data-duration="0" data-title="And I You - Giovanni Marradi" data-="" image="">
    
37.                 <div class="player-source" data-type="audio/mpeg" data-src="https://music.163.com/song/media/outer/url?&#10;&#10;id=18137723.mp3">
    
38.             </div></li>
    
39.             <li data-artist="" data-album="" data-info="" data-duration="0" data-title="Spring Love - Giovanni Marradi" data-="" image="">
    
40.                 <div class="player-source" data-type="audio/mpeg" data-src="https://music.163.com/song/media/outer/url?&#10;&#10;id=27510252.mp3">
    
41.             </div></li>
    
42.             <li data-artist="" data-album="" data-info="" data-duration="0" data-title="Autumn Rain - Giovanni Marradi" data-="" image="">
    
43.                 <div class="player-source" data-type="audio/mpeg" data-src="https://music.163.com/song/media/outer/url?&#10;&#10;id=28908002.mp3">
    
44.             </div></li>
    
45.             <li data-artist="" data-album="" data-info="" data-duration="0" data-title="Nocturnes - Giovanni Marradi" data-="" image="">
    
46.                 <div class="player-source" data-type="audio/mpeg" data-src="https://music.163.com/song/media/outer/url?&#10;&#10;id=18137718.mp3">
    
47.             </div></li>
    
48.         </ul>
    
49.     </div>
    
50. </div>
    
51. </div>
    

复制代码

竹轩听雨

上面这一部分就是其中H5迷你播放器的代码部分，设计这个播放器主要还是面向电脑的，但同时也兼容手机用户的。它分由三部分组成：动画层、底图层和播放控件三部分组成，可单独使用，也可结合使用，也可以DIY制作自己喜欢的播放器。在发首帖的时候由于没有解决http://webftp.bbs.hnol.net/sxrx2016/players/jquery.js等JS库文件的在草坛代码编辑里的加载问题，才用调用html文件的方法来浏览。现在终于解决三个JS文件的外部加载问题，这也就意味着所有喜欢这种H5迷你播放器朋友都可调用它了。
上面的代码看着多，其实用起来也是很简单的，只要换下面代码中的曲名和和mp3链接就可以了。可一首，也可多首。
<li data-title="Just For You - Giovanni Marradi" data-duration="0" data-image="" data-info="" data-album="" data-artist="">
< div class="player-source" data-src="https://music.163.com/song/media/outer/url? id=18137545.mp3" data-type="audio/mpeg">
</div></li>

诺北

静静地凝听，非常的舒服

竹轩听雨

诺北 发表于 2020-3-14 14:43
静静地凝听，非常的舒服

诺北来了，先上茶，坐沙发慢慢来听。
在这11首曲子中，我常循环听的是第9首《Spring Love》（春之恋）

诺北

竹轩听雨 发表于 2020-3-14 21:39
诺北来了，先上茶，坐沙发慢慢来听。
在这11首曲子中，我常循环听的是第9首《Spring Love》（春之恋）
...

是吧，回头我再细听听

豆儿

沉淀在乐音营造的世界里，聆听心灵上的舞蹈，此时，远离喧嚣~~

竹轩听雨

豆儿 发表于 2020-4-9 20:49
沉淀在乐音营造的世界里，聆听心灵上的舞蹈，此时，远离喧嚣~~

很开心能在这里见到豆儿。
这组曲子里每一首都是用心选择的，
豆儿所说的也是我所希望能表达的，问好豆儿。