Скрипт кадра из видео в изображение

Все блоги / DLE движок для сайтов 25 августа 2013 0

Нашел на просторах интернета такой скрипт:

<html>
    <head>
        <title>JS and HTML5 Rule</title>
        <script type='text/javascript'>
 
            window.onload = function (){
 
                var video = document.getElementById('my_video');
                var thecanvas = document.getElementById('thecanvas');
        var img = document.getElementById('thumbnail_img');
 
 
        video.addEventListener('pause', function(){
 
                        draw( video, thecanvas, img);
 
        }, false);
 
            };
 
 
            function draw( video, thecanvas, img ){
 
        // get the canvas context for drawing
        var context = thecanvas.getContext('2d');
 
        // draw the video contents into the canvas x, y, width, height
                context.drawImage( video, 0, 0, thecanvas.width, thecanvas.height);
 
        // get the image data from the canvas object
                var dataURL = thecanvas.toDataURL();
 
        // set the source of the img tag
        img.setAttribute('src', dataURL);
 
            }
        </script>
    </head>
    <body>
    The Video
    <br />
        <video id="my_video" controls>
            <source src="http://jamesbaca.net/slides/source_code/html5_andJSThumbs/VeryMaryKate.mp4" type="video/mp4" />
        </video>
    <br />
    The Canvas
    <br />
        <canvas id="thecanvas">
        </canvas>
    <br />
    The Image
    <br />
        <img id="thumbnail_img" alt="Right click to save" />
    <br />
    </body>
</html>

Пример работы
тут
. Мне интересно как сделать так:

Допустим я беру прямую/непрямую ссылку на видео, вставляю её в дополнительное поле, и мне в нужном месте с данной ссылки на видео появляется изображение (кадр из видео). Такое я видел на модуле
VK Video
, или когда нужно скачать видео с контакта
SaveFrom
- где при вводе ссылки получается изображение. Есть ли такой скрипт или можно переделать данный?

Источник:dle-faq.pro, DLE

предыдущая статья

следующая статья

Похожие публикации

Размещение доп. полей

Здраствуйте, помогите пожалуйста перенести доп поля, чтобы они находились правее картинки.(синее поле в красном) Вот как оно выглядит сейчас. Показать / Скрыть текст Код стиля

подробнее »

13 февраля 2014

Не работает форма обратной связи

У меня есть форма обратной связи HTML+JS+PHP, но она не работает. Почему? Письмо не отправляется, сообщения mail sent даже нету html <form id="contact-form" class="contact-form"> <div class="success">Contact form submitted!<strong><br>

подробнее »

6 ноября 2012

Подскажите пожалуйста в чем проблема?

Появилась вот такая ошибка : Fatal error: Call to undefined function userrating() in /engine/modules/profile.php on line 463 Код ниже что нужно править: Показать / Скрыть текст [code]<?php /* ===================================================== DataLife Engine - by SoftNews Media Group

подробнее »

21 августа 2013

Не работают комментарии (hacking attempt! при добавлении комента)

В общем делаю шаблон для своего сайта. (Он на локалке пока что) И столкнулся с проблемой. А именно при добавлении комментария пишет Hacking attempt! Точек в имени шаблона нету. Знаю что проблема в файлах addcomments.tpl и comments.tpl Прилагаю код файлов, может быть где то в них ошибка.

подробнее »

30 марта 2013

ТОП 250 проблема с файлом top.php

Вот сам код файла top.php - суть в том не выводит не топ 250 и глюки в файле при обращении к нему. Кто сталкивался - хелп. Возможна причина того -- php версия 5.4.21 . Показать / Скрыть текст <?php // Извлечь все данные из таблицы post, у который id категории имею parenid основной

подробнее »

15 января 2014

Биография актеров 1.6 mod

подскажите кто нибудь как поставить на addnews.tpl этот вещь, никак не получается? Биография актеров 1.6 mod Бография Актеров v 1.6 dle 10.1 Автор: rashpil Модернизировал zorg346 Выполнить следующие SQL запросы: CREATE TABLE IF NOT EXISTS `dle_actors` ( `id`

подробнее »

13 февраля 2014