HTML အချက်အလက်

HTML တွင် အသံအော်ပြသ ဘက်တွင် အသုံးပြုနိုင်သော နည်းလမ်းများ အများဆုံးဖြစ်သည်。

ပြစ်မှု, ပြစ်မှု နှင့် ပြုပြင်ခြင်း

HTML တွင် အသံအော်ပြသမှာ များလေးသော်လည်း မျဉ်းလည်းမဟုတ်သည်!

သင်သည် အသုံးပြုရသော စကားရပ်များအား ကျွမ်းကျင်ပါက သင်၏ အသံအော်အားအော်အား အားလုံးသော ဘတ်ရှားများ (အင်တာနက် အင်္ဂါရို, ခရမ်း, ဖော့က်, ဆာဖာ, အိုပရာ) နှင့် အားလုံးသော ပိုက်ခွဲများ (ပီက်ကွန်း, မက်, အိပ်ဘီ, အိုင်ဖူး) တွင် ပြောင်နိုင်မည် အောင် သက်သေချက်များ လုပ်လိုက်သင်သည်。

ဒီပုဒ်တွင် CodeW3C.com က ပြသသော ပညာရှင်း နှင့် ပြုပြင်ခြင်းများ ကို သတ်မှတ်ထားသည်。

使用插件

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

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

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

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

使用 元素

标签定义外部（非 HTML）内容的容器。（这是一个 HTML5 标签，在 HTML4 中是非法的，但是所有浏览器中都有效）。

下面的代码片段能够显示嵌入网页中的 MP3 文件：

实例

亲自试一试

问题：

  • 标签在 HTML 4 中是无效的。页面无法通过 HTML 4 验证。
  • 不同的浏览器对音频格式的支持也不同。
  • 如果浏览器不支持该文件格式，没有插件的话就无法播放该音频。
  • 如果用户的计算机未安装插件，无法播放音频。
  • 如果把该文件转换为其他格式，仍然无法在所有浏览器中播放。

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

使用 元素

标签也可以定义外部（非 HTML）内容的容器。

下面的代码片段能够显示嵌入网页中的 MP3 文件：

实例

亲自试一试

问题：

  • 不同的浏览器对音频格式的支持也不同。
  • 如果浏览器不支持该文件格式，没有插件的话就无法播放该音频。
  • 如果用户的计算机未安装插件，无法播放音频。
  • 如果把该文件转换为其他格式，仍然无法在所有浏览器中播放。

使用 HTML5

实例

亲自试一试

上面的例子使用了一个 mp3 文件，这样它在 Internet Explorer、Chrome 以及 Safari 中是有效的。

为了使这段音频在 Firefox 和 Opera 中同样有效，添加了一个 ogg 类型的文件。如果失败，会显示错误消息。

问题：

  • 您必须把音频文件转换为不同的格式。
  • <audio> အစိတ်အပျက် ကိုလိုက်နာခြင်း မရှိသည်။

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

အကောင်းဆုံး HTML အဖြစ်အပျက်

实例

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

亲自试一试

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

问题：

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

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

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

ဝတ္ထု ပုံပေါ် ကို အဆင့် ပဒေါ်ရာဇ် ပုံပေါ် ပြား ပေါင်းစပ်မှု အနည်းဆုံး နည်းလမ်း မှာ ဘယ်လိုဖြစ်သလဲ။

ရှိသော ရုပ်ပုံ အဆင့် ပဒေါ်ရာဇ် ပုံပေါ် ပြား ကို အသုံးပြုသည် အတွက် သင့် အသုံးပြုသူတွေ အတွက် အချက်အလက် ကို ပြင်ဆင်ပါ၊ ရှိသော ရုပ်ပုံ အဆင့် ပဒေါ်ရာဇ် ပုံပေါ် ပြား ကို ဝတ္ထု ပုံပေါ် ကို အဆင့် ပဒေါ်ရာဇ် ပုံပေါ် ပြား အဖြစ် ပြန်လည်ပြောင်းလဲပါ။

ရှိသော ရုပ်ပုံ အဆင့် ပဒေါ်ရာဇ် ပုံပေါ် ပြား ကို အသုံးပြုသည် အတွက် သင့် အသုံးပြုသူတွေ အတွက် အချက်အလက် ကို ပြင်ဆင်ပါ၊ ရှိသော ရုပ်ပုံ အဆင့် ပဒေါ်ရာဇ် ပုံပေါ် ပြား ကို ဝတ္ထု ပုံပေါ် ကို အဆင့် ပဒေါ်ရာဇ် ပုံပေါ် ပြား အဖြစ် ပြန်လည်ပြောင်းလဲပါ။

သင့် အသုံးပြုသူတွေ အတွက် ရှိသော ရုပ်ပုံ အဆင့် ပဒေါ်ရာဇ် ပုံပေါ် ပြား ကို ရှိသော mp3 နှင့် အခြား ပုံစံ တွေ ကို ဖန်တီးနိုင်သည်။ အသုံးပြုပါ တစ်ကြိမ်တစ်ခါ သာ အချက်အလက် ကို ပြင်ဆင်ပါ၊ ရှိသော ရုပ်ပုံ အဆင့် ပဒေါ်ရာဇ် ပုံပေါ် ပြား ကို ဝတ္ထု ပုံပေါ် ကို အဆင့် ပဒေါ်ရာဇ် ပုံပေါ် ပြား အဖြစ် ပြန်လည်ပြောင်းလဲပါ။

ရှိသော ရုပ်ပုံ အဆင့် ပဒေါ်ရာဇ် ပုံပေါ် ပြား

实例

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

亲自试一试

ရှိသော ရုပ်ပုံ အဆင့် ပဒေါ်ရာဇ် ပုံပေါ် ပြား အတွက် အခွင့်အရေး အတွက် ရှိသော ရုပ်ပုံ အဆင့် ပဒေါ်ရာဇ် ပုံပေါ် ပြား ကို ဝတ္ထု ပုံပေါ် အောက်ပိုင်း ကို ပြင်ဆင်ပါ။

<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> အကျိုးသား အခြေခံ ဖြစ်သည်။ ပါဝင်သော အထောက်အကူ ကိုယ်စားပြုရာ
<embed> HTML4 တွင် အကျိုးသား အခြေခံ ဖြစ်သည်။ HTML5 တွင် အကျိုးသား အခြေခံ ဖြစ်သည်။ ပါဝင်သော အထောက်အကူ ကိုယ်စားပြုရာ
<object> ပါဝင်သော အထောက်အကူ ကိုယ်စားပြုရာ
<param> အထောက်အကူ အချက်အလက် ကိုယ်စားပြုရာ

HTML 5 ပထမဆုံး ပရိုဂရမ် ကိုယ်စားပြုရာ

အချက်အလက် အချက်အလက်
<audio> အချက်အလက် ကိုယ်စားပြုရာ သည် အသုံးပြုသူ အကြောင်းပြုသော အသုံးပြုခြင်း ဖြစ်သည်။
<embed> အချက်အလက် ကိုယ်စားပြုရာ သည် အသုံးပြုသူ အကြောင်းပြုသော အသုံးပြုခြင်း ဖြစ်သည်။ ဥပမာ၍ အသုံးပြုသူ အကြောင်းပြုသော အသုံးပြုခြင်း ဖြစ်သည်။