31 May 2017
Javascript ile Upload Edilen Videonun Süresi, Boyutu ve Türünü Alma
  • 584 Okuma
  • 0 Yorum
  • 0 Beğeni

Javascript ile Upload Edilen Videonun Süresi, Boyutu ve Türünü Alma

Web uygulamalarında video yükleme ve oynatma olukça yaygın kullanılmaktadır. Yüklenen bu videloların boyutunu, türünü ve hatta süresini yüklemeden önce kontrol etmek isteyebilir ve istediğiniz şartlara uygup uymadığının kontrolünü yapmak isteyebilirsiniz. Bu işlelemin sunucu tarafında yapılması gerektiği gibi javascript ile kullanıcı tarafında da yaparak sunucunun iş yükünü biraz azaltmaya yardımcı olabilirsiniz. Bu makalemde javascript ile upload edilmek istenen videonun süresini alan bir fonksiyon ile videonun boyutu ve türünü JQuery ile nasıl alınacağını paylaşacağım.


Aşağıdaki HTML kodu ile bir video yükleme işlemi için input oluşturuyoruz. Bu input'a javascript ile "onchange" fonksiyonu tanımlıyoruz. Bu şekilde upload etmek için her video seçildiğinde "onchange" te tanımladığımız javasciprt fonksiyonu çalışacak. Bu fonksiyona da parametere olarak upload etmek istediğimiz video dosyasını veriyoruz.




Her upload edilmek istenen videonun süresini alan ve bunu ekrana alert olarak veren javascript fonksiyonunu aşağıdaki şekilde tanımlıyoruz.


        var videoDuration;
        window.URL = window.URL || window.webkitURL;
        function setVideoDuration(files) {
            videoDuration = 0;
            if (files[0] != null ) {
                var video = document.createElement('video');
                video.preload = 'metadata';
                video.onloadedmetadata = function() {
                    window.URL.revokeObjectURL(this.src)
                    videoDuration = video.duration;
                video.src = URL.createObjectURL(files[0]);
                    window.alert(videoDuration);
            }
        }


Bu fonksiyonun ile global değişken olan "videoDuration" değişkenine upload edilmek istenen videonun süresini atadık ve ekranda uyarı şeklinde gösterdik. Videonun süresi saniye olarak alınmaktadır.


Upload edilmek istenen videonun türünü aşağıdaki JQuery fonksiyonu ile öğrenebilirsiniz.

$("input[name=video]")[0].files[0].type


Upload edilmek istenen videonun boyutunu aşağıdaki JQuery fonksiyonu ile öğrenebilirsiniz.

$("input[name=video]")[0].files[0].size


Sonuç

Javascript kullanıcı tarafında çalışan bir dildir. Javascript'i kullanarak birçok kontrolü daha sunucuya gelmeden kullanıcı tarafında yapabilirsiniz. Fakat sadece javascript ile kontrol etmenin güvenlik açığına sebep olabileceğini unutmayın. Bu makalemde javasciprt ile upload edilmek istenen bir video süresinin nasıl alınacağından bahsettim. Ayrıca, upload edilmek istenen video'nun boyutu ve türünü gösteren JQuery komutları paylaştım. Bu bilgileri kullanarak, bir video'nun süresi, boyutu ve türünü öğrenebilirsiniz.


Umarım faydalı olur. İyi çalışmalar.


Makaleyi faydalı buldunuz mu ?

Yazar


Legend Engineer

Legend Engineer

Mühendis (Bilgisayar)

Bilgisayar Mühendisliği mezunuyum. Bilgisayar alanında edindiğim bilgileri bu blog üzerinde paylaşıyorum. Beni takipte kalın.

Yorumlar


İlk yorum yapan sen ol

İlginizi Çekebilir

Makale Hakkındaki Düşünçelerinizi Paylaşın