Flash, Audio, Video

Kategori: HTML , 27 Ekim 2019 , JanFranco


HTML yazı serisinin son yazısında web sayfalarında ses, video, flash oynatmayı göreceğiz. Web sayfalarımızda video oynatmak için HTML5'in video etiketini kullanabiliriz:


<video src="video/puppy.mp4" poster="images/puppy.jpg" width="400" height="300" preload controls loop></video>
Yukarıdaki örnekte src attribute'ı ile hangi videonun oynatılacağını belirledik. poster attribute'u ile video yüklenirken veya başlatılmadan önce gösterilecek resmin yolunu belirttik. Width ve height attribute'leri ile video penceresinin boyutunu ayarladık. preload attribute'unu 3 şekilde kullanabiliriz: none, auto, metadata. Burada none kullandık fakat değeri auto belirleseydik, kullanıcı videoya tıklamadan otomatik olarak yüklenecekti. metadata belirleseydik web tarayıcı videonun boyutunu, ilk frame'i, uzunluğunu vs. yükler. controls attribute ile video oynatımı web tarayıcının kontrolleri ile yapılır. autoplay attribute'ını burada kullanmadık fakat kullansaydık video otomatik olarak oynatılacaktı, kullanıcı tıklamadan. loop attribute'ı ile video bittiğinde otomatik olarak tekrar başlatılır. HTML5 ile video oynatımını gördük. Web sayfalarımıda video oynatımı için HTML5 yerine flash da kullanabilirdik. Flash kullanarak web sayfamızda ses dinletelim:


<!DOCTYPE html>
<html>
	<head>
		<title>Adding a Flash MP3 Player</title>
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
		<script type="text/javascript">
			var flashvars = {};
			var params = {mp3: "audio/test-audio.mp3"};
			swfobject.embedSWF("flash/player_mp3_1.0.0.swf", "music-player", "200", "20", "8.0.0", flashvars, params);
		</script>
	</head>
	<body>
		<div id="music-player"></div>
	</body>
</html>


Yorumlar

Henüz bir yorum bulunmuyor.
Yorum bırakın