Pada postingan ini saya akan sedikit berbagi tentang cara memasukan sebuah file video dan music dengan HTML5 codenya cukup mudah, sebelum mencoba HTML5 diharapkan sudah terinstal Google Chrome versi yang terbaru atau Mozilla Firefox dan Safari versi terbaru karena untuk teknologi HTML5 ini belum semua browser mendukung.
Pertama buatlah folder dengan nama folder coba dan carilah video atau file music yang akan kita tampilkan di web page, masukan ke dalam folder coba,
kemudian buatlah dokumen html dengan nama file coba.html simpanlah di folder coba, di contoh sederhana ini saya masukan file video berformat mp4 dengan nama file tutorialmusik.mp4 untuk source codenya sebagai berikut :
<html>
<body>
<video controls="controls">
<source src="tutorialmusik.mp4" type="video/mp4" />
</video>
</body>
</html>
dibawah ini tampilan hasilnya :
untuk mengatur tinggi dan lebar video secara manual tinggal tambahkan misal <video width="320" height="240" controls="controls">
untuk file musik buatlah dokumen html dengan nama file coba2.html simpan di folder coba disini saya contohkan dengan memasukan file mp3 dengan nama file tutorialmusik.mp3
<html>
<body>
<audio controls="controls">
<source src="tutorialmusik.mp3" type="audio/mpeg" />
</audio>
</body>
</html>
di bawah ini hasilnya :
Selamat mencoba dan berkreasi!
Tidak ada komentar:
Posting Komentar