Mencari Rentang Video HTML Menggunakan Seekable DOM
Sebelum memahami lebih dalam materi tentang Mencari Rentang Video HTML Menggunakan Seekable DOM, terlebih dahulu pelajari materi tentang: Properti readyState Video HTML DOM dan Fungsinya, Properti Video Preload HTML DOM dan Fungsinya, dan Properti Video Played DOM pada HTML Beserta Fungsinya.
Waktu rentang dari properti object diperlihatkan sebagai berikut:
- length: digunakan untuk mendapatkan nilai angka dari jangkauan yang dimainkan pada file video.
- start(index): digunakan untuk mendapatkan nilai posisi awal dari jangkauan video yang dimainkan.
- end(index): digunakan untuk mendapatkan posisi akhir dari jangkauan video yang dimainkan.
Sintak: videoObject.seekable
Contoh: digunakan untuk mendapatkan nilai rentang dari video pencarian pertama dari suatu video dalam satuan detik.
<!DOCTYPE html>
<html>
<head>
<title>
Properti Video Seekable
</title>
</head>
<body
style="text-align: center">
<h1
style="color: green">
Blog Elfan
</h1>
<h2
style="font-family: Impact">
Properti Video Seekable
</h2>
<br>
<video
id="Test_Video"
width="360"
height="240"
controls>
<source
src="samplevideo.mp4"
type="video/mp4">
<source
src="movie.ogg"
type="video/ogg">
</video>
<p>
Untuk mengembalikan nilai
jangkauan seekable dari suatu
video, lakukan double klik
pada tombol "Return Range".
</p>
<button
ondblclick="My_Video()"
type="button">
Return Range
</button>
<p id="test"></p>
<script>
function My_Video()
{
var v = document.getElementById("Test_Video");
document.getElementById("test").innerHTML
= "Start Point: "
+ v.seekable.start(0)
+ " End Point: "
+ v.seekable.end(0);
}
</script>
</body>
</html>
- Mendapatkan Track Video HTML Menggunakan videoTracks DOM
- Membuat Persamaan Matematika HTML Menggunakan MathML DOM
- Properti Maction MathML HTML5 Beserta Fungsinya
- Properti Menclose MathML HTML Beserta Fungsinya
- Properti Merror MathML HTML Beserta Fungsinya
- Properti Mfenced MathML HTML5 Beserta Fungsinya
- Menambah Simbol Pecahan Matematika Menggunakan Mfrac MathML HTML5
5 komentar untuk "Mencari Rentang Video HTML Menggunakan Seekable DOM"
Hubungi admin melalui Wa : +62-896-2414-6106
Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.
Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.
- Ikatlah Ilmu dengan Memostingkannya -
- Big things start from small things -
Jenis browser apa saja yang dapat digunakan oleh Aryani Luh Madya Wikantari untuk mengaktifkan properti Seekable video DOM pada HTML?
BalasHapusBerikut adalah beberapa jenis browser yang dapat digunakan oleh Aryani Luh Madya Wikantari untuk mengaktifkan properti Seekable Video DOM pada HTML:
Hapus1. Google Chrome
2. Internet Explorer
3. Firefox
4. Opera
5. Apple Safari
Apa yang dimaksud dengan properti video seekable DOM pada HTML?
BalasHapusProperti seekable video DOM pada HTML merupakan properti yang berfungsi untuk mengembalikan nilai object TimeRanges. Object TimeRanges merupakan properti yang mewakili nilai rentang video yang tersedia untuk dicari oleh pengguna.
HapusProperti HTML DOM Video Seekable merupakan properti yang menampilkan nilai object timeRanges yang berisi informasi tentang panjang rentang video yang dapat dicari, beserta posisi awal dan akhirnya.
Hapus