马黑黑 发表于 2022-2-10 09:33

无需掩饰的印记：纪念阿桑（10首）

<style type="text/css">
#asBox { margin: 0 auto; width:800px; height: 800px;padding:10px; background:transparent url('/data/attachment/forum/202202/10/093116m33gppwprxyspzxz.jpg') no-repeat; position:relative;opacity:0.9;left: -30px; }
#asBox audio { position:relative;left:-150px;opacity: 0.8; width: 300px; }
#asBox:hover { opacity:1; }
#asMsg { padding:8px; width:300px;font-size:12px; }
#asMsg a { text-decoration:none;cursor:pointer; }
</style>
<div id="asBox">
        <audio id="aud" controls="controls"></audio>
        <div id="asMsg"><spanid="geming"></span> &nbsp;<a onclick="playNext()" title=" Next ">></a></div>
</div>

<script language="javascript">

var arMusic = [
["http://www.kumeiwp.com/sub/filestores/2021/09/21/39f098d1c5da6b0cea66b175766d3cb3.mp3","你的世界"],
["http://www.kumeiwp.com/sub/filestores/2021/09/21/142bdc6e7f73b5f24a7ecaa374b4f59d.mp3","寂寞在唱歌"],
["http://www.kumeiwp.com/sub/filestores/2021/01/28/f95fe820091b694635990bca380bc9bc.mp3","温柔的慈悲"],
["http://www.kumeiwp.com/sub/filestores/2021/09/21/ad216b2a658e5c03b2cea87dd71a8210.mp3","如果爱你只有这一次"],
["http://www.kumeiwp.com/sub/filestores/2021/09/21/5250859572664448b88614358725411b.mp3","Angel"],
["http://www.kumeiwp.com/sub/filestores/2021/09/21/3c5e52c52e4407f6ea1b1f163c2825ef.mp3","受了点伤"],
["http://www.kumeiwp.com/sub/filestores/2021/09/21/40fc4074f74582170e465b1ff413aa77.mp3","疯了"],
["http://www.kumeiwp.com/sub/filestores/2021/09/21/d4a49d120b84a59efabc02a5b10250cd.mp3","我不想"],
["http://www.kumeiwp.com/sub/filestores/2021/09/21/3db8bb9727ba769d9ba5121363708c47.mp3","叶子"],
["http://www.kumeiwp.com/sub/filestores/2021/09/21/1d090ba9544ac3f928c47912eafab96d.mp3","远走高飞"]
];
var aud = document.getElementById("aud");
var gname = document.getElementById("geming");
var idx = 0;
playNext();
aud.addEventListener('ended', playNext, false);

function playNext() {
      aud.src = arMusic;
      aud.play();
      gname.innerHTML = "阿桑 - " + arMusic;
      idx += 1;
      if(idx >= arMusic.length) idx = 0;
}

</script>

红影 发表于 2022-2-10 11:09

点小箭头就能换歌，这个操作起来真方便。{:4_187:}

红影 发表于 2022-2-10 11:19

每首歌名前面都有“阿桑 -”。
黑黑又带来新的播放器玩法。{:4_187:}

红影 发表于 2022-2-10 11:20

阿桑最著名的事那首寂寞在唱歌，谁说的人必须快乐，好像快乐由得人选择。非常入心的歌词。

马黑黑 发表于 2022-2-10 11:50

红影 发表于 2022-2-10 11:09
点小箭头就能换歌，这个操作起来真方便。

这个很简单、简洁了吧

马黑黑 发表于 2022-2-10 11:50

红影 发表于 2022-2-10 11:20
阿桑最著名的事那首寂寞在唱歌，谁说的人必须快乐，好像快乐由得人选择。非常入心的歌词。

阿桑的生命定格在了34岁，但她的歌是永恒的

马黑黑 发表于 2022-2-10 14:42

红影 发表于 2022-2-10 11:19
每首歌名前面都有“阿桑 -”。
黑黑又带来新的播放器玩法。

这个小功能在 JS 里太容易实现了

红影 发表于 2022-2-10 17:10

马黑黑 发表于 2022-2-10 11:50
这个很简单、简洁了吧

是呢，也很漂亮。

红影 发表于 2022-2-10 17:11

马黑黑 发表于 2022-2-10 11:50
阿桑的生命定格在了34岁，但她的歌是永恒的

她的嗓音独特，非常喜欢{:4_187:}

红影 发表于 2022-2-10 17:11

马黑黑 发表于 2022-2-10 14:42
这个小功能在 JS 里太容易实现了

在你眼里什么都不难，这也是坚实的基础决定的{:4_173:}

马黑黑 发表于 2022-2-10 17:12

红影 发表于 2022-2-10 17:11
在你眼里什么都不难，这也是坚实的基础决定的

只是懂得原理，然后多看几本书，基础一般

马黑黑 发表于 2022-2-10 17:13

红影 发表于 2022-2-10 17:11
她的嗓音独特，非常喜欢

那些年，很多人喜欢她的歌

马黑黑 发表于 2022-2-10 17:14

红影 发表于 2022-2-10 17:10
是呢，也很漂亮。

手机上试听了一下，除了播放器仅见到一大半，其他功能正常

红影 发表于 2022-2-10 19:15

马黑黑 发表于 2022-2-10 17:12
只是懂得原理，然后多看几本书，基础一般

不用谦虚啊，至少你在外面这些完全小白面前，绝对是大能级别了{:4_173:}

红影 发表于 2022-2-10 19:16

马黑黑 发表于 2022-2-10 17:13
那些年，很多人喜欢她的歌

这里好多都没听过，熟悉的就那首寂寞在唱歌，忘了在哪听到的，听到的瞬间就喜欢的歌曲。

红影 发表于 2022-2-10 19:18

马黑黑 发表于 2022-2-10 17:14
手机上试听了一下，除了播放器仅见到一大半，其他功能正常

是位置的关系吧，也许放在下面往里面放一下就全看到了。

绿叶清舟 发表于 2022-2-10 20:01

想起中年的寂寞了，离开那里后就没了音讯

马黑黑 发表于 2022-2-11 07:46

红影 发表于 2022-2-10 19:15
不用谦虚啊，至少你在外面这些完全小白面前，绝对是大能级别了

夸张了

马黑黑 发表于 2022-2-11 07:47

绿叶清舟 发表于 2022-2-10 20:01
想起中年的寂寞了，离开那里后就没了音讯

在别的地方疯过的，只是没有了交集

马黑黑 发表于 2022-2-11 07:50

红影 发表于 2022-2-10 19:18
是位置的关系吧，也许放在下面往里面放一下就全看到了。

手机的分辨率，号称xxxx*yyyy，在JS的 screen 对象里原形毕露，道理其实也简单：手机号称的分辨率是它自己的行业标准，而像素本质上总是有固定大小的，一个像素该多大不因设备标准的改变而改变。
页: [1] 2
查看完整版本: 无需掩饰的印记：纪念阿桑（10首）