如何为网站Blog添加音乐

即使在高速发展的现在,即使新的技术层出不穷,即使新的平台如雨后春笋,尧言一直以来还是更中意blog这种比较传统,但是却更可靠的方式来书写和记录。不过,虽然本科也是计算机专业,不过严格来说不算科班啦,所以内容上自然也不是偏技术的。作为理工科里的文科生,内容可能更是自己感兴趣的。

我们在自己的个人网站或者博客上书写文字的时候容易遇到一些小的问题,而这些小经验呢确实需要我们平时的积累,今天我们就说说如何给自己的网站添加音乐。

方法很多,这里只记录一种相对而言更简单和兼容的方式html5代码:

<div style="text-align: center;"><audio autoplay="autoplay" controls="controls">
<source src="/i/song.ogg" type="audio/ogg"></source>
<source src="*.mp3" type="audio/mpeg"></source> 
</audio></div>

需要说明一下的是

  • style="text-align: center;"是为了居中显示
  • *.mp3改成自己想要放的歌曲的地址就行了
没错,就这样简单哦。

参考:
  1. https://www.w3school.com.cn/html5/html_5_audio.asp

评论