پشتیبانی مدرسه آنلاین دورآموز
Loading...

جستجو در دورآموز

خانه / وبگاه / روش گذاشتن فیلم و فایل صوتی درhtml
1510 برگشت

روش گذاشتن فیلم و فایل صوتی درhtml

آرمان اسلامی
آرمان اسلامی

برنامه نویس و علاقه مند به زبان های HTML 5 و css و Payton و Bootstrap و#C و asp.net cor هستم. دانش آموز پایه یازدهم هستم.

چهارشنبه، 25 تیر 1399 ساعت 14:34:10
روش گذاشتن فیلم  و فایل صوتی درhtml

برای گذاشتن فیلم از تگ (video) و برای گذاشتن فایل صوتی از تگ (audio) استفاده می کنیم.

تگ های (audio)و(video) 

برای استفاده از تگ (video) دو روش وجود دارد. 

روش اول ((غیر مستقیم))

در روش اول ما یک لینک می سازیم .((لینک ها به روش تگ <a> تولید می شوند. )) درون لینک آدرس فایل صوتی یا ویدیو را قرار می دهیم . مثال:

 <a href="../Music/Sina Derakhshande - Sarsari.mp3">����</a>

 ((نکته: در روش اول شما نمی توانید از تگ های(audio)و(video) استفاده کنید))

روش دوم (مستقیم)

در روش دوم به صورت مستقیم آدرس ویدیو یا فایل صوتی را قرار می دهیم. مثال:

<audio  controls="controls" autoplay="autoplay" loop="loop">
   <source src="../Music/Sina-Derakhshande-Hale-Naab-128.mp3" type="audio/mp3">
</audio>
  <video controls="controls" autoplay="autoplay" loop="loop">
      <source src="../movie/pele.MP4" type="video/mp4">
       </video>

تگ (video) کدام فرمت فایل را می پذیرد؟؟؟

فرمت فایل ((MP4))
فرمت فایل ((WebM))
فرمت فایل ((Ogg))

تگ (audio) کدام فرمت فایل را می پذیرد؟؟؟

فرمت فایل ((Ogg vorbis))
فرمت فایل ((Mp3))
فرمت فایل ((Wav))
فرمت فایل ((Vorbis))

ویژگی های تگ های (video) و(audio) 

1- ویژگی controls 

 با کمک این ویژگی می توانید نوار ابزار کنترل کننده  را در زمان نمایش صدا و تصویر در اختیار کاربران قرار دهید . که خودشان بتوانند      صدا و تصویر را پخش یا متوقف و..... کنند .  این ویژگی به شکل زیر نمایش داده می شود:

controls="controls"

2- ویژگی autoplay

اگه در کد بالا به جای cotrols  از این صفت استفاده کنید خواهید دید که صدا به صورت خودکار شروع به پخش شدن می کند . مقدار این ویژگی به شکل زیر نمایش داده می شود:

autoplay="autoplay"    

3-ویژگی loop

مقدار این ویژگی برابر loop هست به کمک این ویژگی می توانید بعد از به پایان رسیدن اجرای صدا ، صدا از اول پخش شود . مقدار این ویژگی به شکل زیر نمایش داده می شود:

loop="loop"    

4-ویژگی preload

این ویژگی در زمان لود صفحه شروع به لود صدا می کند و در زمان استفاده از این عنصر ویژگی autoplay غیرفعال می شود . مقدار این ویژگی به شکل زیر نمایش داده می شود:

preload="preload" 

موفق باشید.

درخواست دوره

چنانچه قصد برگزاری دوره ، مشاوره و یا سفارش پروژه را دارید ، درخواست خود را ارسال نمایید

ارسال درخواست دوره
جهت برقراری ارتباط با نویسنده پست و یا ارسال نظر اطلاعات زیر را وارد نمایید
تصویر کپچا دورآموز
سوالات متداول دورآموز