شرح مفصل للتحكم في صوتية الصوت والفيديو السمة الجديدة (توصية)

تحكي هذه المقالة التحكم في الصوت والفيديو السمة الجديدة.

 <udio controls = controls> <source src = ضع مسار ملف الصوت فيه> </source> </audio>

 <controls video = controls loop = loop autoplay = autoplay id = video> <source src = ضع مسار ملف الفيديو فيه> </source> </video> <butten> </nutry> على> افتح الصوت < /button> <button> تشغيل </button> <button> توقف عن التشغيل </button> <button> ملء الشاشة </button>

ما يلي هو التحكم في ملفات الفيديو ؛

JavaScript يؤدي.

 <script> var myvideo = document.getElementByid (video) ؛ 1] .click = function () {myvideo.med = true ؛ ) ؛

متزامن.

كما هو مبين في الشكل:

اسمحوا لي أن أتحدث عنها هنا ، أولاً وقبل كل شيء

(1) ، الحد الأقصى لقيمة الطول الإجمالي للفيديو إلى الفيديو إلى شريط التقدم ، progress.max = video.duration ؛

(2) ، تحتاج إلى الحصول على طول الموضع الحالي لتشغيل الفيديو الحالي إلى طول شريط التقدم الحالي ، The Progress.value = video.currenttime ؛

ثم أثناء تشغيل الفيديو ، من الضروري التأكد من أن قيمة شريط التقدم يمكن أن تحصل على مدة الفيديو وموقف وقت التشغيل الحالي في الوقت المناسب.

تحتاج إلى فتح جهاز توقيت setInterval (Pro ، 100) ؛ :: يعني أن قيمة الفيديو يتم تعيينها إلى شريط التقدم في 1 مللي ثانية ، وذلك لضمان الوقت المناسب.

وبهذه الطريقة ، يمكن مزامنة شريط التقدم بدقة مع الفيديو.

1. أولاً وقبل كل شيء ، تحتاج إلى الحصول على قيمة القيمة للنطاق ، وحجم الصوت المعطى للفيديو للتحكم في مستوى الصوت.

 <type type = range min = 0 value = 50 max = 100 id = range /> var run = document.getElementById (range) ؛

الحصول على Range.value ،

سمات الصوت المخصصة للفيديو: video.volume = range.value/100 ؛

في هذا الوقت ، فإن حجم السحب ببساطة والتحكم في الفيديو.

ثم تحتاج إلى الذهاب في الصوت لإغلاق الحكم.

الرمز النهائي هو كما يلي.

 <! > أغلق الصوت </button> <زر OnClick = distablemute () type = button> افتح الصوت </button> <button onClick = playvid () type = button> تشغيل الفيديو </button> <زر OnClick = pauvid () type = زر> تمرير الفيديو </button> <button onClick = showfull () type = button> full screen </utton> <span> progress: </span> <progress value = 0 max = 0 id = pro> </progress > <span> مستوى الصوت: </span> <إدخال نوع = Range min = 0 max = 100 value = 50 onChange = SetValue () id = ran/> </viv> <script> var btn = document.getElementsByTagName (زر) ؛ ]. } // تشغيل وظيفة الفيديو playvid () {myVideo.play () ؛ مبلغ funch setValue () {) {) myvideo.volume = run.value/100 ؛

ما سبق هو كل محتويات هذا المقال.