Mendapatkan Nilai Audio HTML Menggunakan Properti Seekable DOM
Sebelum memahami lebih dalam materi tentang Mendapatkan Nilai Audio HTML Menggunakan Properti Seekable DOM, terlebih dahulu pelajari materi tentang: Mendapatkan Nilai Audio HTML Menggunakan Properti readyState DOM, Melakukan Reload Audio HTML Menggunakan Preload DOM, dan Mendapatkan Nilai Range HTML Menggunakan Audio Played DOM.
File audio time-range tersedia untuk pencarian posisi playback yang sedang berpindah dari jangkauan pencarian. Umumnya properti audio seekable digunakan untuk mencari nilai apapun pada file audio bahkan sebelum dilakukan buffer pada file non-streaming audio. Properti seekable audio merupakan properti yang bersifat read-only.
Properti object time range terdiri dari:
- length: digunakan untuk mendapatkan nilai dari jangkauan pencarian file audio.
- start(index): digunakan untuk mendapatkan nilai posisi awal dari jangkauan file pencarian.
- end(index): digunakan untuk mendapatkan nilai posisi akhir dari jangkauan file pencarian.
Sintak: audioObject.seekable
Contoh: mendapatkan nilai pertama dari nilai jangkauan file audio dalam satuan detik.
<!DOCTYPE html>
<html>
<head>
<title>
Properti Audio seekable
</title>
</head>
<body
style="text-align:center">
<h1
style="color:green">
Blog Elfan
</h1>
<h2
style="font-family: Impact">
Properti Audio seekable
</h2>
<br>
<audio
id="Test_Audio"
controls>
<source
src="sample1.ogg"
type="audio/ogg">
<source
src="sample1.mp3"
type="audio/mpeg">
</audio>
<p>
Untuk mendapatkan jangkauan
pertama seekable dari audio,
lakukan double klik pada
tombol "Return Seekable
Range".
</p>
<br>
<button
ondblclick="MyAudio()"
type="button">
Return Seekable Range
</button>
<p id="test"></p>
<script>
function MyAudio()
{
var a = document.getElementById("Test_Audio");
document.getElementById("test").innerHTML
= "Start time: "
+ a.seekable.start(0)
+ " End time: "
+ a.seekable.end(0);
}
</script>
</body>
</html>
Blog Elfan
Properti Audio seekable
Untuk mendapatkan jangkauan pertama seekable dari audio, lakukan double klik pada tombol "Return Seekable Range".
- Mendapatkan Waktu Jangkauan Video HTML Menggunakan Properti Buffered DOM
- Menampilkan Kontrol Video HTML Menggunakan Controls DOM
- Mendapatkan URL Video HTML Menggunakan Properti currentSrc DOM
- Mengatur Playback HTML Video Menggunakan Properti currentTime DOM
- Mengatur Muted Video HTML Menggunakan defaultMuted DOM
- Mengatur Kecepatan Playback Video HTML Menggunakan defaultPlaybackRate DOM
- Mendapatkan Nilai Durasi Video HTML Menggunakan Properti Duration DOM
5 komentar untuk "Mendapatkan Nilai Audio HTML Menggunakan Properti 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 untuk mengaktifkan properti Seekable DOM pada HTML?
BalasHapusBerikut beberapa jenis browser yang dapat digunakan untuk mengaktifkan properti Seekable DOM pada HTML:
Hapusa>> Google Chrome
b>> Internet Explorer
c>> Firefox
d>> Opera
e>> Apple Safari
Apa yang dimaksud dengan properti seekable DOM pada HTML?
BalasHapusProperti seekable DOM pada HTML merupakan properti yang digunakan untuk mengembalikan nilai object TimeRanges.
HapusObject TimeRanges pada properti seekable merupakan object yang mewakili nilai rentang video yang tersedia saat ini untuk dilakukan pencarian oleh user atau pengguna.
Hapus