Как я могу получить разрешение видео при вводе файла html перед загрузкой?

Question

Когда я выбираю видеофайл при вводе файла HTML, я хочу получить разрешение видео (ширина и высота) и все метаданные (размер, длина, тип файла и т. Д. c, если это возможно). Мне нужно js или jquery решение для этого. Я не мог найти ничего, связанного с этим топи c. Помоги мне решить это. Заранее спасибо.

Answer 1

Я нашел способ сделать это. Я надеюсь, что это будет полезно для всех.

Когда видеофайл добавляется к входу файла, мы создаем новый элемент видео и загружаем этот файл в атрибут sr c видео, затем добавляем прослушиватель событий в загруженные метаданные. событие видео тега и там мы можем получить высоту и ширину видео.

<input type="file" class="file_multi_video">

<script>
    $(document).on("change", ".file_multi_video", function(evt) {
       const video = document.createElement('video')
       video.addEventListener('loadedmetadata', event => {
           console.log(video.videoWidth, video.videoHeight)
       });
       video.src = URL.createObjectURL(this.files[0]);
    });
</script>

Answer 2

проверить этот ответ с описанием mediainfo. js. демонстрационная ссылка, по-видимому, соответствует вашим требованиям.

{ ссылка }