Buradasın
Video Player'da Video Elementi Zaman ve Uzunluk Bilgilerini Alma Eğitimi
youtube.com/watch?v=V3vTxOcU1zYYapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, bir eğitim içeriği olup, izleyicilere video player'da video elementi içindeki videonun o andaki zamanını ve toplam süresini nasıl elde edebileceklerini göstermektedir.
- Video, video player'da current frame (anlık zaman) ve duration (toplam süre) değerlerinin nasıl alınacağını adım adım anlatmaktadır. Eğitmen, bu değerleri ekrana yazdırmak için label'lar oluşturma, event dinleme ve gerekli JavaScript kodlarını yazma sürecini göstermektedir. Ayrıca, bu iki değerle birlikte slider oluşturma imkanı da açıklanmaktadır. Video, teorik bilgilerin yanı sıra pratik bir uygulama ile sonlanmaktadır.
- Video Player'da Zaman ve Uzunluk Değerlerini Alma
- Bu derste video player içerisinde video elementi içerisinde çalan videonun o andaki zamanını ve toplam saniye cinsinden uzunluğunu nasıl elde edeceğimiz incelenecek.
- Current frame olarak elde edilecek o andaki zaman sadece bir kez sorgulanacak, duration ise videonun toplam uzunluğu olarak her zaman aynı değer alacak.
- Current frame ve duration değerlerini alıp birbirine karşı oranladığınızda slider oluşturabilirsiniz.
- 00:56HTML Elemanlarının Oluşturulması
- Bir bere tak oluşturulup sarı işaretleniyor ve içerisine label yerleştiriliyor.
- Label'ın id'si "duration" olarak belirleniyor ve "Toplam Süre" yazısı ekleniyor.
- Aynı şekilde "current time" için "ct" id'si ve "Anlık Süre" yazısı ekleniyor.
- 02:02Event Dinleme ve Değer Alma
- Video play yaptığı andan itibaren bilgileri yazdırmak için "on duration change" eventi kullanılıyor.
- "Duration change" eventi tetiklendiğinde çalışacak bir fonksiyon oluşturuluyor.
- Video dosyası seçildikten sonra "get elements by id" kullanılarak duration ve current time bilgileri alınıyor.
- 04:02Değerlerin Kullanımı
- Current time değeri, videonun o andaki çaldığı zamanı verir; örneğin 4 dakikalık bir videonun 45 saniye çalıyorsa current time 45 olarak döner.
- Bu iki değeri birbirine orantılı yaparak yüzde kaçının çaldığını ekranda slider olarak göstermeniz mümkün olacaktır.
- Test edildiğinde 116.00 gibi değerler alınabilir ve bunlar met sınıfı içerisinde onlukları temizlenebilir.