دليل HTML

مجموعة عناصر HTML

حدث DOM volumechange للأصوات/الفيديوهات HTML

يتم إطلاق حدث volumechange عند تغيير مستوى الصوت.

مثال عبر الإنترنت

عند تغيير صوت الفيديو يظهر رسالة تحذير:

مثال

<!DOCTYPE　html>
<html>
<head>
<meta charset="utf-8">
<title>استخدام حادثة onvolumechange في HTML صوت/فيديو - تعليمية أساسية (oldtoolbag.com)</title>
</head>
<body>
<p>جرب تغيير صوت الفيديو.</p>
<video　id="myVideo"　width="320"　height="176"　controls>
　　<source　src="movie.mp4"　type="video/mp4">
　　<source　src="movie.ogg"　type="video/ogg">
　　متصفحك لا يدعم علامة التبويب HTML5 <video>.
</video>
<script>
var　vid　=　document.getElementById("myVideo");
vid.onvolumechange　=　function()　
{
　　　　alert("مستوى الصوت قد تغير");
};
</script>　　
</body>
</html>

اختبار لرؤية ‹/›

التعريف والاستخدام

تحدث حدث volumechange عند تغيير مستوى الصوت في الفيديو/الصوت.

موقف الاستدلال:

زيادة أو خفض مستوى الصوت
التحويل إلى الصمت أو إزالته

إشارة: استخدام جسم Audio/Video volume استخدام خاصية لضبط أو إرجاع صوت الموسيقى/الفيديو (audio/video).

توافق المتصفحات

IEFirefoxOperaChromeSafari

القواعد

في HTML:

<audio|video onvolumechange="myScript">جرب هذا

في الجافا سكربت:

audio|video.onvolumechange=function(){myScript};جرب هذا

في الجافا سكربت، استخدم أسلوب addEventListener():

audio|video.addEventListener("volumechange", myScript);جرب هذا

ملاحظة: مستعرض Internet Explorer 8 وأحدث إصدارات IE لا يدعمون addEventListener() الأساليب.

تفاصيل التقنية

الإشارات النصية HTML المدعومة:	<audio> و <video>
الجسيمات الجافا سكربت المدعومة:	الصوت، الفيديو

مثال عبر الإنترنت

عند تغيير مستوى الصوت في الصوت، يظهر رسالة تحذير:

مثال

<!DOCTYPE　html>
<html>
<head>
<meta charset="utf-8">
<title>استخدام حادثة onvolumechange في HTML صوت/فيديو - تعليمية أساسية (oldtoolbag.com)</title>
</head>
<body>
<p>جرب تغيير مستوى صوت الصوت.</p>
<audio id="myAudio" controls>
　　<source src="horse.ogg" type="audio/ogg">
　　<source src="horse.mp3" type="audio/mpeg">
　　متصفحك لا يدعم علامة التبويب HTML5 <video>.
</audio>
<script>
var　aud　=　document.getElementById("myAudio");
aud.onvolumechange　=　function()　
{
　　　　alert("مستوى الصوت قد تغير");
};
</script>
</body>
</html>

اختبار لرؤية ‹/›

دليل DOM للصوت والفيديو HTML

HTML: <template> النموذج