HTML Audio

ມີຫຼາຍວິທີທີ່ຈະສະແດງສຽງໃນ HTML.

ບັນຫາ, ບັນຫາ, ແລະວິທີການການແກ້ໄຂ

ບໍ່ງາຍຢູ່ທີ່ຈະສະແດງສຽງໃນ HTML!

ທ່ານຕ້ອງຮູ້ຕາມຫຼາຍກິດການພິຈາລະນາເພື່ອຮັບປະກັນວ່າບັນນາທິດສຽງຂອງທ່ານຈະສາມາດສະແດງໃນສາຍຫຼາຍບັນຊີບັນນາທິດ(Internet Explorer, Chrome, Firefox, Safari, Opera)ແລະຄອມພິວເຕິບອັນກາດທັງໝົດ(PC, Mac, iPad, iPhone).

ໃນປີກັນນີ້ CodeW3C.com ໄດ້ລະບຸບັນຫາແລະວິທີການການແກ້ໄຂ.

使用插件

浏览器插件是一种扩展浏览器标准功能的小型计算机程序。

插件有很多用途：播放音乐、显示地图、验证银行账号，控制输入等等。

可使用 或 标签来将插件添加到 HTML 页面。

这些标签定义资源（通常非 HTML 资源）的容器，根据类型，它们即会由浏览器显示，也会由外部插件显示。

ນຳໃຊ້ປະກອບ <embed>

ປະກອບ <embed> ກໍ່ສາມາດກໍານົດຄວາມສາມາດຂອງບັນດາສາຍຮູບຮ່າງທີ່ບໍ່ແມ່ນ HTML. (ມັນເປັນປະກອບ HTML5, ບໍ່ມີຜົນຜະລິດໃນ HTML 4, ແຕ່ມີຜົນຜະລິດໃນບັນດາຄົນໃຊ້ບັນຊີເບີຍໄອເລີນ).

ບັນດາຄວາມຂອງພວກເຮົາສາມາດສະແດງບັນດາສາຍ MP3 ທີ່ບັນຈຸໃນບັນດາບັນຊີເບີຍໄອເລີນ.

实例

亲自试一试

问题：

  • ປະກອບ <embed> ບໍ່ມີຜົນຜະລິດໃນ HTML 4. ບີບີຊອງຂອງທ່ານບໍ່ສາມາດກວດກາຕາມ HTML 4 ໄດ້.
  • ບັນດາຄົນໃຊ້ບັນຊີບໍ່ມີຄວາມຄິດເຫັນກັນຂອງບັນດາຄວາມສະແດງບັນດາສາຍ.
  • ຖ້າບັນດາຄົນໃຊ້ບັນຊີຂອງທ່ານບໍ່ສາມາດສະແດງບັນດາສາຍ, ຖ້າບັນດາຄົນໃຊ້ບັນຊີບໍ່ສາມາດສະແດງບັນດາສາຍນີ້.
  • ຖ້າຄົນໃຊ້ບັນຊີຂອງທ່ານບໍ່ມີຕິດຕັ້ງບັນດາຊົງຂັດສິນລະບົບ, ບໍ່ສາມາດສະແດງບັນດາສາຍ.
  • ຖ້າບັນດາບັນດາສາຍຂອງທ່ານປ່ຽນຕົວປະເພດ, ຍັງບໍ່ສາມາດສະແດງໃນບັນດາຄົນໃຊ້ບັນຊີເບີຍໄອເລີນ.

注释：使用 (HTML5) 解决验证问题。

ນຳໃຊ້ປະກອບ <object>

ປະກອບ <object tag> ກໍ່ສາມາດກໍານົດຄວາມສາມາດຂອງບັນດາສາຍຮູບຮ່າງທີ່ບໍ່ແມ່ນ HTML.

ບັນດາຄວາມຂອງພວກເຮົາສາມາດສະແດງບັນດາສາຍ MP3 ທີ່ບັນຈຸໃນບັນດາບັນຊີເບີຍໄອເລີນ.

实例

<object height="100" width="100" data="song.mp3"></object>

亲自试一试

问题：

  • ບັນດາຄົນໃຊ້ບັນຊີບໍ່ມີຄວາມຄິດເຫັນກັນຂອງບັນດາຄວາມສະແດງບັນດາສາຍ.
  • ຖ້າບັນດາຄົນໃຊ້ບັນຊີຂອງທ່ານບໍ່ສາມາດສະແດງບັນດາສາຍ, ຖ້າບັນດາຄົນໃຊ້ບັນຊີບໍ່ສາມາດສະແດງບັນດາສາຍນີ້.
  • ຖ້າຄົນໃຊ້ບັນຊີຂອງທ່ານບໍ່ມີຕິດຕັ້ງບັນດາຊົງຂັດສິນລະບົບ, ບໍ່ສາມາດສະແດງບັນດາສາຍ.
  • ຖ້າບັນດາບັນດາສາຍຂອງທ່ານປ່ຽນຕົວປະເພດ, ຍັງບໍ່ສາມາດສະແດງໃນບັນດາຄົນໃຊ້ບັນຊີເບີຍໄອເລີນ.

ນຳໃຊ້ປະກອບ <audio> HTML5

ປະກອບ <audio> ແມ່ນປະກອບ HTML5, ບໍ່ມີຜົນຜະລິດໃນ HTML 4, ແຕ່ມີຜົນຜະລິດໃນບັນດາຄົນໃຊ້ບັນຊີເບີຍໄອເລີນ

实例

<audio controls="controls">
  
  
ບັນດາຄົນໃຊ້ບັນຊີຂອງທ່ານບໍ່ສາມາດສະແດງບັນດາສາຍອາກາດນີ້.

亲自试一试

ຄູ່ນຄືນທີ່ມີໃນບັນດາຄວາມຂອງພວກເຮົາໃຊ້ບັນດາສາຍ mp3, ຍັງຈະມີຜົນຜະລິດໃນບັນດາຄົນໃຊ້ບັນຊີເບີຍໄອເລີນ

ເພື່ອຫຼີກຫຼຸດຄວາມສາມາດຂອງບັນດາສາຍອາກາດນີ້ໃນ Firefox ແລະ Opera ທີ່ຈະມີຜົນຜະລິດດຽວກັນ, ພວກເຮົາໄດ້ເພີ່ມບັນດາສາຍຮູບຮ່າງ ogg. ຖ້າບໍ່ປະສົບ, ຈະສະແດງຂໍ້ບັນຫາຂອງບັນດາສາຍ.

问题：

  • ປະກອບ <audio> ບໍ່ມີຜົນຜະລິດໃນ HTML 4. ບີບີຊອງຂອງທ່ານບໍ່ສາມາດກວດກາຕາມ HTML 4 ໄດ້.
  • ທ່ານຕ້ອງໄດ້ປ່ຽນຕົວປະເພດຂອງບັນດາບັນດາສາຍອາກາດ
  • ປະກອບ <audio> ບໍ່ມີຜົນຜະລິດໃນບັນດາຄົນໃຊ້ບັນຊີເບີຍໄອເລີນ

注释：使用 (HTML5) 解决验证问题。

ຄວາມຈະເລີນທີ່ດີຂອງ HTML

实例

<audio controls="controls" height="100" width="100">

亲自试一试

上面的例子使用了两个不同的音频格式。HTML5

问题：

  • 您必须把音频转换为不同的格式。
  • 元素无法通过 HTML 4 和 XHTML 验证。
  • 元素无法回退来显示错误消息。

注释：使用 (HTML5) 解决验证问题。

向网站添加音频的最简单方法

向网页添加音频的最简单的方法是什么？

雅虎的媒体播放器绝对算其中之一。

使用雅虎媒体播放器是一个不同的途径。您只需简单地让雅虎来完成歌曲播放的工作就好了。

它能播放 mp3 以及一系列其他格式。通过一行简单的代码，您就可以把它添加到网页中，轻松地将 HTML 页面转变为专业的播放列表。

雅虎媒体播放器

实例

<a href="song.mp3">Play Sound</a>
<script type="text/javascript" src="http://mediaplayer.yahoo.com/js">
</script>

亲自试一试

ການນຳໃຊ້ຢູ່ຮູບຣາການສື່ມວນຊົນຢູ່ຂອງຢູ່ບໍ່ເສຍຄ່າ. ຖ້າທ່ານຕ້ອງນຳໃຊ້ມັນ, ທ່ານຕ້ອງເອົາຄຳສັ່ງ JavaScript ນັ້ນເອົາສູ່ຫຼັງເວັບໄຊ.

<script type="text/javascript" src="http://mediaplayer.yahoo.com/js"></script>

ຫຼັງຈາກນັ້ນພຽງແຕ່ຕິດຕາມຂໍ້ພົວພັນ MP3 ທີ່ມຸມນຸມຄູ່ມວນຊົນຂອງທ່ານໃນ HTML, JavaScript ຈະຈະສ້າງຄຳສັ່ງລາຍການສື່ມວນຊົນສຳລັບເພງທຸກຢ່າງລະອຽດ.

<a href="song1.mp3">Play Song 1</a>
<a href="song2.mp3">Play Song 2</a>
...
...
...

ຢູ່ຮູບຣາການສື່ມວນຊົນຢູ່ທີ່ມຸມນຸມຄູ່ມວນຊົນຂອງທ່ານແມ່ນບຸກສະແດງຢູ່ທີ່ຄຳສັ່ງລາຍການສື່ມວນຊົນທີ່ບໍ່ເປັນຄອມພິວເຕີ້ສື່ມວນຊົນທັງໝົດ. ແຕ່ເມື່ອທ່ານກະຕຸ້ມບຸກສັ່ງນັ້ນຈະຈະສະແດງຄອມພິວເຕີ້ສື່ມວນຊົນທັງໝົດຂຶ້ນ.

请注意，这个播放器始终停靠在窗框底部。只需点击它，就可将其滑出。

使用超链接

如果网页包含指向媒体文件的超链接，大多数浏览器会使用“辅助应用程序”来播放文件。

以下代码片段显示指向 mp3 文件的链接。如果用户点击该链接，浏览器会启动“辅助应用程序”来播放该文件：

实例

Play the sound

亲自试一试

内联的声音

当您在网页中包含声音，或者作为网页的组成部分时，它被称为内联声音。

如果您打算在 web 应用程序中使用内联声音，您需要意识到很多人都觉得内联声音令人恼火。同时请注意，用户可能已经关闭了浏览器中的内联声音选项。

ຄຳແນະນຳທີ່ສຸດຂອງພວກເຮົາແມ່ນພຽງແຕ່ຕິດຕັ້ງອັດຕາສຽງອິນເລຣຍບ່ອນທີ່ຜູ້ນຳໃຊ້ຕ້ອງການ. ເປັນຕົວຢ່າງດີແມ່ນ ເມື່ອຜູ້ນຳໃຊ້ຕ້ອງການຟັງບັນທຶກແລະກົດລະບຽບກັບການກົດລະບຽບກັບການຕໍ່ຕ້ານກັບການກົດລະບຽບດັ່ງກ່າວຫລັງຈາກການເປີດໜ້າທີ່ກວມມີການຟັງບັນທຶກ.

ອັດຕາສະເພາະສຽງ HTML 4.01

ອັດຕາ ການອະທິບາຍ
<applet> ບໍ່ໄດ້ຮັບການສະໜັບສະໜູນ. ການກໍານົດ applet.
<embed> ບໍ່ໄດ້ຮັບການສະໜັບສະໜູນໃນ HTML 4.01 ແຕ່ຮັບການອະນຸຍາດໃນ HTML 5. ການກໍານົດວັດຖຸບັນຈຸ.
<object> ການກໍານົດວັດຖຸບັນຈຸ
<param> ການກໍານົດຂອງປະສົມປະກອບວັດຖຸ

ອັດຕາສະເພາະສຽງ HTML 5

ອັດຕາ ການອະທິບາຍ
<audio> ອັດຕາພົບພາບສຽງ ເຊັ່ນ: ສຽງສຽງຫຼືສຽງອື່ນ.
<embed> ອັດຕາພົບພາບການບັນທຶກຂອງອຸປະກອນ ເຊັ່ນ: ສະແກນ.