如何将音频播放器添加到HTML网页？
HTML <audio>元素用于将音频添加到网页。要添加音频播放器，请添加controls属性。
HTML支持以下三种音频格式-MP3，Wav和Ogg。
示例
您可以尝试运行以下代码以将音频播放器添加到HTML网页
<!DOCTYPE html> <html> <head> <title>HTML audio Tag</title> </head> <body> <p>Click on Play button...</p> <p>(Song: Kalimba which is provided as a Sample Music in Windows)</p> <audio controls> <source src = "/html/Kalimba.mp3" type = "audio/mpeg"> </audio> </body> </html>
基础教程
- HTML基础教程
- HTML5基础教程
- HTML参考手册
- SVG 教程
- CSS 教程
- CSS 参考手册
- CSS3教程
- Bootstrap3 教程
- Bootstrap4 教程
- Font Awesome图标
- JavaScript 教程
- JavaScript 参考手册
- jQuery 教程
- AJAX 教程
- JSON 教程
- AngularJS 教程
- ReactJS 教程
- NodeJS 教程
- Python 教程
- C++ 教程
- Golang 教程
- C 语言教程
- PHP 教程
- C# 教程
- LINQ 教程
- Lua 教程
- Ruby 教程
- Rust 教程
- Linux 教程
- R 语言教程
- Docker 教程
- Scala 教程
- MatLab 教程
- Erlang 教程
- Pandas教程
- Numpy教程
- Matplotlib教程
- Flask教程
- Java 教程
- SpringBoot 教程
- JDBC 教程
- JSP 教程
- Servlet 教程
- Maven 教程
- Spring 教程
- Django 教程
- Swift 教程
- Kotlin 教程
- SQL 教程
- MongoDB 教程
- SQLite 教程
- PostgreSQL 教程
- MySql 教程
- Redis 教程
- Elasticsearch 教程
猜你喜欢
- 什么是HTML5中Canvas的免费库？
- 在Java Regex中捕获组和反向引用
- 如何在HTML中使用年份输入类型？
- 如何一次下载网页上的所有图像？
- 如何在HTML的一个范围输入中使用不同的step属性？
- 在HTML中使用<br>，<br/>或<br />的正确方法是什么？
- 如何限制多个输入（<input type =“ file” multiple />）上的最大项目？
- 如何在Google Maps中使用HTML5 GeoLocation API？
- 如何使用HTML5地理位置纬度/经度API？
- 如何使用CSS3限制输入文本的长度？
- 如何使用HTML5 localStorage和sessionStorage？
- 如何使用HTML5地理位置和Google Maps显示当前位置？
- 如何处理HTML5中的地理位置错误？
- 如何在HTML5中使用地理位置坐标？
- 如何在后台播放网页中的声音文件？
- 如何将音频播放器添加到HTML网页？
- JavaScript语句中的每个……是什么？
- 如何使用HTML代码嵌入视频？
- 如何在HTML页面中添加视频？
- 如何在HTML5画布上绘制SVG文件？
- 如何在HTML5中绘制SVG徽标？
- 如何使用画布HTML5绘制星星？
- 如何在HTML5中使用SVG绘制形状？
- 如何在HTML画布上绘制圆角矩形？
- 为什么要在JavaScript中使用 <noscript>元素？