声音播放
在常见的HTML的网页中,我们可以选择添加 audio 标签来实现声音的播放
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<audio controls src="music.mp3"></audio>
<!--该标签为音乐播放的,在播放是需将音乐文件与代码放至同一文件夹内-->
</body>
</html>
在使用该标签时,为了节省服务器资源,可以使用以下代码,同时在local栏输入 ffmpeg -i music.mp3 music.ogg 即将MP3格式转化为OGG格式,转化的文件存储于之前的文件夹;
《《注意:在使用该方法前需要安装ffmpeg》》
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<audio controls>
<source src="music.ogg">
<source src="music.mp3"> <!--注意此处-->
</audio>-
</body>
</html>
如果浏览器不支持某种格式的声音,可以选择多种声源,系统会自动选择支持的进行播放。且各个声源间不会冲突
视频播放
视频播放一般可以选择video标签,其详细代码如下:(浏览器并不是支持所有格式的媒体文件,在使用时,需要谨慎选择)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<video controls src="video.MP4"></video> <!--注意此处-->
</body>
</html>
同理,我们同样也可以用ffmpeg将MP4转化为其他格式,以便浏览器播放
|