Снова нашёл интересный материал о том как сделать онлайн-трансляцию вашей веб-камеры на чистом JavaScript.
Скопируйте код, и посмотрите на результат. Таким образом вы сможете сделать трансляцию видео с вашей веб-камеры на страницу вашего сайта. Видео чат по одному лишь этому материалу вы не сделаете, но сможете сделать вывод того что снимает ваша веб-камера на странице сайта.
Где это можно использовать, решать вам, вообщем тут уже у кого какая фантазия...
В архиве я выложил уже готовую тестовую страницу для того чтобы увидеть в действии скрипт без установки на сайт, скачайте и откройте в браузере, браузер просто запросит доступ к вашей камере.
Установка:
Код
<div class="booth">
<video id="video" width="400" height="300" autoplay></video>
</div>
Немного оформления:
Код
<style type="text/css">
.booth {
width: 400px;
background: #ccc;
border: 5px solid #ddd;
margin: 0 auto;
}
</style>
Скрипт:
Код
<script type="text/javascript">
(function() {
var video = document.getElementById('video'),
vendorUrl = window.URL || window.webkitURL;
navigator.getMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.
mozGetUserMedia || navigator.msGetUserMedia;
navigator.getMedia({
video: true,
audio: false
}, function(stream) {
video.src = vendorUrl.createObjectURL(stream);
video.play();
}, function(error) {
alert('Ошибка! Что-то пошло не так, попробуйте позже.');
});
})();
</script>
Чтобы опубликовать материал автор просил указать источник, Автор (Михаил Русаков) myrusakov.ru