Html5实现音频的播放

 时间:2024-10-12 11:30:53

1、首先,下载html5开发软件Intellij IDEA,这个直接在百度搜索框中搜索即可。

Html5实现音频的播放

2、打开软件,点击file,选择New project,在弹出的对话框中,选择static web选项中的html5,点击next,在新对话框中,输入项目名称,点击finish

Html5实现音频的播放Html5实现音频的播放Html5实现音频的播放

3、实现音频的播放,主要用到audio标签,利用src属性,指定需要播放音频的位置,引入controls,来应用系统自带的播放控制按钮

Html5实现音频的播放Html5实现音频的播放

4、如果我们不想用系统自带的按钮控制,想自己写按钮控制音频的播放,那么我们可以引入button标签,为button标签定义点击事件

Html5实现音频的播放

5、判断当前音频的状态,如果当前状态为播放,则点击暂停按钮,音频停止播放,否则,点击播放按钮,音频开始播放

Html5实现音频的播放

6、完成后,可以点击run,在浏览器中预览效果

Html5实现音频的播放
  • Axure制作:鼠标拖拽控件移动
  • 如何应用Dreamweaver的智能提示
  • 如何用flash制作出gif图像
  • flash课件元素制作——生字认读
  • wps演示中如何制作水墨纹理效果字体
  • 热门搜索
    ps如何美白 平潭岛怎么去 苹果4如何刷机 生活大爆炸第一季在线观看 机智牢房生活 运气差怎么转运 如何化妆更漂亮 如何下载歌曲到mp3 如何炖鸡汤 格雷曼手表怎么样