آرمان اسلامی

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

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

روش گذاشتن فیلم  و فایل صوتی در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" 

موفق باشید.


آرمان اسلامی-مدرسه آنلاین دورآموز

آرمان اسلامی

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

آرمان اسلامی با افتخار از هنرجویان مدرسه آنلاین دورآموز می باشد.

این نوشته بر اساس تحقیقات و مطالب فراگرفته شده در در جلسات آموزشی تهیه شده است

پرسش و پاسخ
نوشته های دیگر این نویسنده

عضوی از دورآموز شو

درخواست مشاوره رایگان می باشد . فقط کافیست شماره همراه خود را ثبت نمایید تا با شما تماس بگیریم

و یا می توانید هم اکنون با شماره 09155143391تماس حاصل نمایید

دورآموزی
شو