<script>
var videoId = 'video';
var scaleFactor = 0.5;
var snapshots = [] ;
/**
* Captures a image frame from the provided video element.
*
* @param {Video} video HTML5 video element from where the image frame will be captured.
* @param {Number} scaleFactor Factor to scale the canvas element that will be return. This is an optional parameter.
*
* @return {Canvas}
*/
function capture(video, scaleFactor) {
if (scaleFactor == null) {
scaleFactor = 1;
}
var w = video.videoWidth * scaleFactor;
var h = video.videoHeight * scaleFactor;
var canvas = document.createElement('canvas');
canvas.width = w;
canvas.height = h;
var ctx = canvas.getContext('2d');
ctx.drawImage(video, 0, 0, w, h);
innerHTML = "<br>";
return canvas ;
}
/**
* Invokes the <code>capture</code> function and attaches the canvas element to the DOM.
*/
function shoot() {
var video = document.getElementById(videoId);
var output = document.getElementById('output');
var canvas = capture(video, scaleFactor);
canvas.onclick = function() {
window.open(this.toDataURL(image/jpg));
};
snapshots.unshift(canvas);
output.innerHTML = '';
for (var i = 0; i < 10; i++) {
output.appendChild(snapshots[i]) ;
}
}
(function() {
var captureit = document.getElementById('cit');
captureit.click();
})();
</script>
<style>
.wrap {
border: solid 1px #ccc;
padding: 10px;
text-align: center;
}
#output {
display: inline-block;
top: 4px;
position: relative;
border: dotted 1px #ccc;
padding: 2px;
}
.button {
border: solid 2px #ccc;
}
</style>
<html>
<body>
<div class="wrap">
<video id="video" width="600" controls="true">
<source src = "http://127.0.0.1/divi.mp4" type = "video/mp4"></source>
<!-- FireFox 3.5 -->
<source src = "http://127.0.0.1/divi.mp4" type = "video/mp4"></source>
<!-- WebKit -->
Your browser does not support HTML5 video tag. Please download FireFox 3.5 or higher.
</video>
<br/>
<button id="cit" onclick="shoot()" class="button">Capture</button>
<br/>
<div id="output">
</div>
вот два скрипта, первый из которых имеет кнопку, которая захватывает изображения из видео MP4, а второй, который тупо извлекает все изображения из видео автоматически ...
what I ' m отсутствует:
1) поместите ссылку на любое видео youtube, которое отображается на странице html5 2) когда я нажимаю кнопку воспроизведения, я автоматически получаю расшифровку стенограммы, которая записывается под видео. 3) Я хочу сделать позу, чтобы сделать снимок экрана 4) Продолжить транскрипцию 5) Захват изображения видео и т.д. c ...
текстовое изображение текстовое изображение до конца видео цель получение моей полной статьи.
У меня есть много руководств на YouTube, и я хотел бы разместить их в документации на моем веб-сайте.
создать полную статью для каждого видео
лучше всего иметь захват движения автоматического c изображения.
то есть:
1) Я нажимаю на видео 2) скрипт делает первый захват видео 3) транскрипция записывается под изображением, захваченным на странице html5 4) как только изображение изменяется, сценарий обнаруживает это и берет экран печати самостоятельно без какой-либо кнопки.
и так дальше до конца видео без моего вмешательства. он сам создает полную статью, просто помещая мою ссылку на YouTube !! Это будет лучший из лучших ...
спасибо за вашу поддержку. Я уверен, что среди вас есть люди, у которых есть веб-сайты и которые хотели бы иметь скрипт, который может самостоятельно писать статьи .. . 3) как только