صوت HTML

راه‌های مختلفی برای پخش صدا در HTML وجود دارد.

مشکلات، مشکلات و راه‌حل‌ها

پخش صدا در HTML ساده نیست!

شما نیاز به یادگیری تعداد زیادی مهارت دارید تا مطمئن شوید که فایل‌های صوتی شما در تمام مرورگرها (اینترنت اکسپلورر، کروم، فایرفاکس، سافاری، اپرا) و تمام سخت‌افزارها (PC، مک، آی‌پاد، آیفون) قابل پخش باشند.

در این فصل، CodeW3C.com مشکلات و راه‌حل‌های آن‌ها را برای شما جمع‌بندی کرده است.

اینگجی کا استعمال

براوزر اینگجی ایک چھوٹی کمپیوٹر پروگرام ہے جو براوزر کی معیاری کارکردگی کو توسیع دیتا ہے۔

اینگجی کا استعمال کئی مقاصد کے لئے کیا جاتا ہے: موسیقی پلے، نقشے دکھانے، بینک کا اکاؤنٹ ویکھنا، کنٹرول انپُٹ وغیرہ۔

<object> یا <embed> علامت کا استعمال کرسکتے ہیں تاکہ اینگجی کو ویب پیج میں شامل کیا جائے۔

یہ علامات ریسورسز (غیر ایچ تی ایمل ریسورسز) کا کانٹینر کا تعریف کرتی ہیں، وہیں سے، براوزر یا باہری اینگجی کے ذریعے دکھائی جاتی ہیں یا نکالائی جاتی ہیں۔

<embed> علامت کا استعمال

<embed> علامت باہری (غیر ایچ تی ایمل) کانٹینر کا تعریف کرتی ہے، یہ ایچ تی ایمل 5 کا ایک علامت ہے، جو ایچ تی ایمل 4 میں غیر مجاز ہے، لیکن تمام براوزر میں موثر ہے۔

درج کئے گئے کوڈ فورم کا نیا حصہ ویب پیج میں ایم پی 3 فائل کو داخل کرنے کے لئے استعمال کیا جاتا ہے:

实例

<embed height="100" width="100" src="song.mp3" />

亲自试一试

سوال:

  • <embed> علامت ایچ تی ایمل 4 میں ناقابل استعمال ہے، پینج نہیں کا اہتمام ایچ تی ایمل 4 کے ذریعے ممکن نہیں ہوگا۔
  • مختلف براوزر موسیقی فارمٹ کا استعمال میں بھی مختلف ہوتا ہے۔
  • اگر براوزر اس فائل فارمٹ کو نہیں دعomit سکتا تو بغیر اینگجی کے اس موسیقی کو بھیڑ نہیں سکتا۔
  • اگر یوزر کا کمپیوٹر میں اینگجی نہیں نصب ہوا تو موسیقی نہیں بھیڑ سکتا۔
  • اگر اس فائل کو دوسرے فارمٹ میں تبدیل کیا جائے تو بھی تمام براوزر میں نہیں بھیڑ سکتا۔

نوٹ:<!DOCTYPE html> (HTML5) کا استعمال کرکے تصدیق کی مسائل حل کریں۔

<object> علامت کا استعمال

<object tag> علامت بھی باہری (غیر ایچ تی ایمل) کانٹینر کا تعریف کر سکتا ہے۔

درج کئے گئے کوڈ فورم کا نیا حصہ ویب پیج میں ایم پی 3 فائل کو داخل کرنے کے لئے استعمال کیا جاتا ہے:

实例

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

亲自试一试

سوال:

  • مختلف براوزر موسیقی فارمٹ کا استعمال میں بھی مختلف ہوتا ہے۔
  • اگر براوزر اس فائل فارمٹ کو نہیں دعomit سکتا تو بغیر اینگجی کے اس موسیقی کو بھیڑ نہیں سکتا۔
  • اگر یوزر کا کمپیوٹر میں اینگجی نہیں نصب ہوا تو موسیقی نہیں بھیڑ سکتا۔
  • اگر اس فائل کو دوسرے فارمٹ میں تبدیل کیا جائے تو بھی تمام براوزر میں نہیں بھیڑ سکتا۔

ایچ تی ایمل 5 <audio> علامت کا استعمال

<audio> علامت ایچ تی ایمل 5 کا ایک علامت ہے، جو ایچ تی ایمل 4 میں غیر مجاز ہے، لیکن تمام براوزر میں موثر ہے۔

实例

<audio controls="controls">
  <source src="song.mp3" type="audio/mp3" />
  <source src="song.ogg" type="audio/ogg" />
آپ کا براوزر اس موسیقی فارمٹ کو نہیں دعomit سکتا.
</audio>

亲自试一试

مذکورہ مثال میں ایک mp3 فائل استعمال کیا گیا ہے، اس لئے یہ انٹرنیٹ ایکسپلورر، کروم اور سافری میں موثر ہے۔

یہ موسیقی فائل آپ کا ایک ogg نوعیت کا فائل میں تبدیل کیا گیا ہے تاکہ یہ فائر فاکس اور اوپرا میں بھی اچھا کام کر سکے، اگر ناکام رہا تو غلط پیغام دکھایا جائے گا۔

سوال:

  • <audio> علامت ایچ تی ایمل 4 میں ناقابل استعمال ہے۔ آپ کی پینج نہیں کا اہتمام ایچ تی ایمل 4 کے ذریعے ممکن ہوگا۔
  • آپ کو اُن موسیقی فائل کو مختلف فارمٹ میں تبدیل کرنا پڑتا ہے۔
  • <audio> علامت کا لفظ قدیم براوزر میں کام نہیں کرتا۔

نوٹ:<!DOCTYPE html> (HTML5) کا استعمال کرکے تصدیق کی مسائل حل کریں۔

بہترین ایچ تی ایمل حل کا موقف

实例

<audio controls="controls" height="100" width="100">
  <source src="song.mp3" type="audio/mp3" />
  <source src="song.ogg" type="audio/ogg" />
<embed height="100" width="100" src="song.mp3" />
</audio>

亲自试一试

مذکورہ مثال میں دو مختلف آواز فرمتوں کا استعمال کیا گیا ہے۔ HTML5 <audio> علامت آواز کو mp3 یا ogg فرمت میں پلائی کوشش کرے گا۔ اگر کامیاب نہ ہوتا تو کد <embed> علامت کوشش کریگا تاکہ خطا کا پیغام دکھایا جاسکے۔

سوال:

  • آپ کو آواز کو مختلف فرمت میں تبدیل کرنا پڑتا ہے۔
  • <audio> علامت کو HTML 4 اور XHTML تصدیق نہیں کیا جاسکتا۔
  • <embed> علامت کو HTML 4 اور XHTML تصدیق نہیں کیا جاسکتا۔
  • <embed> علامت کو خاطروفت نہیں کیا جاسکتا تاکہ خطا کا پیغام دکھایا جاسکے۔

نوٹ:<!DOCTYPE html> (HTML5) کا استعمال کرکے تصدیق کی مسائل حل کریں۔

ویب سائٹ میں آواز اضافہ کرنے کا سب سے آسان طریقہ

ویب پیج میں آواز اضافہ کرنے کا سب سے آسان طریقہ کیا ہوتا ہے؟

یاهو کا میڈیا پلیر اس میں سے ایک بنتا ہے۔

یاهو میڈیا پلیر استعمال کرنا ایک مختلف طریقہ ہے۔ آپ صرف یہی کریں کہ یاهو آپ کا گانے پلائی کرنے کا کام انجام دے۔

یہ mp3 اور ایک سلسلہ دیگر فرمتوں کو پلائی سکتا ہے۔ ایک سادے کد کے ذریعے، آپ اس کو ویب پیج میں شامل کرسکتے ہیں، جس سے آپ کا HTML پیج آل ان کلاس پلائی لسٹ بن سکتا ہے。

یاهو میڈیا پلیر

实例

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

亲自试一试

یاهو پلیر استعمال کرنا مجانی ہے۔ اس کا استعمال کرانے کے لئے آپ کو اس جاوا اسکریپٹ کو ویب پیج کے نیچے داخل کرنا ہوگا:

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

بعد ازاں صرف یہی کریں کہ آپ اپنے HTML میں MP3 فائل کا لنک لگائیں، جاوا اسکریپٹ خودکار طور پر ہر گانے کے لئے پلیر بٹن بنائیں گا:

<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> کالیم کا تعریف کردار کیں، جیسے اپلیکیشن یا دیگر اوسیز