• 技术文章 >web前端 >html教程

    怎么让html播放音乐

    长期闲置长期闲置2021-11-10 18:10:32原创100

    在html中,可以通过audio标签在网页上插入一个音乐播放器来播放音乐,语法“<audio src="音乐文件路径" controls></audio>”、“<audio> <source src="音乐文件路径"></audio>”。

    本教程操作环境:windows7系统、HTML5版、Dell G3电脑。

    让html播放音乐的方法:

    1、我们打开html文件,确保有一个项目已经打开。

    1110.28.png

    2、我们要确保要导入的音乐文件在html这个文件夹里,可以自行拖动一个音乐文件到HTML文件所在的文件夹里。

    1110.29.png

    3、通过audio标签可以创建一个音乐播放器

    可以通过audio标签的src属性,也就是音乐文件的路径,代码如下:

    <audio src="1132.mp3" controls>
    </audio>

    1110.32.png

    还有一种方法是,在audio标签中插入source标签来引入音乐文件的路径,代码如下:

    <audio controls> 
       <source src="1132.mp3">
       </audio>

    1110.30.png

    4、打开这个html文件,此时在网页中就可以看到一个可以操控的音乐播放器了。

    1110.31.png

    由此我们便完成了html中播放音乐。

    更多编程相关知识,请访问:编程视频!!

    以上就是怎么让html播放音乐的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:html
    上一篇:怎么做html横向导航 下一篇:html怎么写按钮
    大前端线上培训班

    相关文章推荐

    • 怎么做html横向导航• html5 怎么禁止滚动• html 怎么设置文字无法选中• html 删除线标签是什么• html5是前端吗

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网