微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

html代码大全音乐

HTML(Hypertext MarkuP Language)是一种用于创建网页的标准标记语言,而音乐人们也不断在探索如何在网页上展示自己的音乐。下面是一些用HTML语言编写的音乐相关代码

<audio controls>
  <source src="music.mp3" type="audio/mp3">
  <source src="music.ogg" type="audio/ogg">
  您的浏览器不支持音频播放。
</audio>

html代码大全音乐

上面的代码是用来在网页上播放音乐。其中,<audio> 是 HTML5 中新增的标签,它包含了一些用于控制音乐播放的属性,比如controls,表示显示播放器控制条;<source> 标签用于定义音频文件的格式和文件名。

<embed src="music.mp3" autostart="true">

<embed> 标签也可以用来在网页上嵌入音频文件,autostart 属性表示自动播放。

<video controls>
  <source src="video.mp4" type="video/mp4">
  <source src="video.ogv" type="video/ogv">
  您的浏览器不支持视频播放。
</video>

除了音频文件,HTML也支持在网页上播放视频。上述代码也是用 <video> 标签来播放视频,与 <audio> 标签类似,其中的 <source> 标签也是用来定义视频文件的格式和文件名。

<p>现在播放: <strong><script>document.write(new Date().toLocaleTimeString())</script></strong></p>
<script>
function startTime() {
  var today = new Date();
  var h = today.getHours();
  var m = today.getMinutes();
  var s = today.getSeconds();
  m = checkTime(m);
  s = checkTime(s);
  document.getElementById('txt').innerHTML =
  h + ":" + m + ":" + s;
  var t = setTimeout(startTime,500);
}
function checkTime(i) {
  if (i < 10) {i = "0" + i};  // add zero in front of numbers < 10
  return i;
}
</script>

上面的代码通过 JavaScript 脚本编写,用来在网页上显示当前时间,并实现简单的视频播放器控制。事实上,JavaScript 在网页上有着很广泛的应用,不仅可以用来控制时间、音乐和视频播放,还可以做很多其他复杂的交互和效果

以上就是一些关于音乐和 HTML 代码的案例,有兴趣的朋友可以去尝试一下哦!

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐