前几天去琉璃神社听到了一声“哦尼酱,dai~suki♥”,审查元素发现是用的html5播放的mp3文件。之后不知为何←_←我就去搜集了saber的声音,今天抽空加在了本站上有木有发现今天一连发了好几篇js相关的文章?其实都是添加的过程中搜索到的←_←。
我准备了四个声音文件,对应时间分别是:
5-7点之间: 早上了,master
7-9点之间: 早上好
9-21点之间: 辛苦了,master
其余时间: 晚安
然后在底部模板添加了一个不可见的div,接着用js判断时间,最后把播放对应音频的代码添加到div里面。
<div id="sv" style="display: none;"></div>
<script type="text/javascript">
if (window.location.href=="/") {
//通过判断时间添加对应的saber的声音
var myDate = new Date();
var nowtime=myDate.getHours();
if (nowtime>=5&nowtime<7) {//早上了,master
$("#sv").html("<audio autoplay='autoplay' src='/f/sv_%E6%97%A9%E4%B8%8A%E4%BA%86%EF%BC%8Cmaster.mp3'></audio>");
}else{
if (nowtime>=7&nowtime<9) {//早上好
$("#sv").html("<audio autoplay='autoplay' src='/f/sv_%E6%97%A9%E4%B8%8A%E5%A5%BD.mp3'></audio>");
}else{
if (nowtime>=9&nowtime<21) {//辛苦了,master
$("#sv").html("<audio autoplay='autoplay' src='/f/sv_%E8%BE%9B%E8%8B%A6%E4%BA%86%EF%BC%8Cmaster.mp3'></audio>");
}
else{//晚安
$("#sv").html("<audio autoplay='autoplay' src='/f/sv_%E6%99%9A%E5%AE%89.mp3'></audio>");
};
};
};
};
</script>
Google Chrome 59
GNU/Linux x64
Google Chrome 59
GNU/Linux x64 第一个mp3甜美些。
实现了,不过用的第一个声音,嘿嘿。