首页 > 软件开发 > HTML >

怎么在网页上写一个简单的音乐播放程序

来源:互联网 2023-03-16 19:10:55 83

想要用浏览器听音乐,最简单的方法,就是把音乐直接拖动到浏览器里面。9jF办公区 - 实用经验教程分享!

那么,本文就用html语法,写一个音乐播放器,播放给定的音乐。9jF办公区 - 实用经验教程分享!

怎么在网页上写一个简单的音乐播放程序?9jF办公区 - 实用经验教程分享!

怎么在网页上写一个简单的音乐播放程序?9jF办公区 - 实用经验教程分享!

怎么在网页上写一个简单的音乐播放程序?9jF办公区 - 实用经验教程分享!

怎么在网页上写一个简单的音乐播放程序?9jF办公区 - 实用经验教程分享!

工具/原料

  • 电脑
  • 浏览器

方法/步骤

  • 1

    把给定的音乐文件放到文件夹0里面,此时的绝对路径是:9jF办公区 - 实用经验教程分享!

    D:/……/0/a.mp39jF办公区 - 实用经验教程分享!

    怎么在网页上写一个简单的音乐播放程序?9jF办公区 - 实用经验教程分享!

  • 2

    鼠标拖动,把音频文件拖到浏览器里面,就会出现播放器。9jF办公区 - 实用经验教程分享!

    怎么在网页上写一个简单的音乐播放程序?9jF办公区 - 实用经验教程分享!

  • 3

    点击“F12”,查看网页的Html代码。9jF办公区 - 实用经验教程分享!

    怎么在网页上写一个简单的音乐播放程序?9jF办公区 - 实用经验教程分享!

  • 4

    在文件夹0里面,创建一个0.html文件。9jF办公区 - 实用经验教程分享!

    怎么在网页上写一个简单的音乐播放程序?9jF办公区 - 实用经验教程分享!

  • 4此文章未经许可获取自百度经验
  • 5

    打开0.html,输入下面的内容:9jF办公区 - 实用经验教程分享!

    audio controls>9jF办公区 - 实用经验教程分享!

    source src="a.mp3" type="audio/mpeg">9jF办公区 - 实用经验教程分享!

    embed height="0" width="0" src="horse.mp3">9jF办公区 - 实用经验教程分享!

    /audio>9jF办公区 - 实用经验教程分享!

    保存。9jF办公区 - 实用经验教程分享!

    怎么在网页上写一个简单的音乐播放程序?9jF办公区 - 实用经验教程分享!

  • 6

    双击0.html文件,就可以在浏览器里面播放音乐。9jF办公区 - 实用经验教程分享!

    怎么在网页上写一个简单的音乐播放程序?9jF办公区 - 实用经验教程分享!

  • 7

    对比一下两种代码的区别。9jF办公区 - 实用经验教程分享!

    如果你看出了区别,说明你至少知道了两种方法,写这个音乐播放器的代码。9jF办公区 - 实用经验教程分享!

    怎么在网页上写一个简单的音乐播放程序?9jF办公区 - 实用经验教程分享!

  • 注意事项

    • 用这个音乐播放器,可以写一个批量播放的音乐播放器。想像一下,十几首歌同时播放,是怎样的感受呢?

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!9jF办公区 - 实用经验教程分享!


    标签: HTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码