webcam
Access Webcam with HTML5
Solution and detailed comments are below. (save it as an .html file):
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Display Webcam Stream</title>
<style>
#container {
margin: 0px auto;
width: 640px;
height: 480px;
}
#videoElement {
width: 640px;
height: 480px;
background-color: #ffffff;
}
</style>
</head>
<body>
<div id="container">
<!-- The <video> tag specifies video, such as a movie clip or other video streams. -->
<video autoplay="true" id="videoElement">
</video>
</div>
<script>
//get the video tag from above
var video = document.querySelector("#videoElement");
//The navigator object contains information about the browser.
//getUserMedia - prompts the user for permission to use a media device such as a camera or microphone.
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia || navigator.oGetUserMedia;
if (navigator.getUserMedia) {
//If the user provides permission, the handleVideo callback is invoked on the calling application with a LocalMediaStream object as its argument.
navigator.getUserMedia({video: true}, handleVideo, videoError);
}
function handleVideo(stream) {
//set the webcamStrem as source for the video tag
video.src = window.URL.createObjectURL(stream);
}
function videoError(e) {
alert("Error: "+e);
}
</script>
</body>
</html>
Taggings:
Linux and Yahoo Messenger
You used to use Yahoo Messenger and talk to you friends through it under Windows?
Also used Webcam, Voice Chatting, sharing files and other features of it ?
But for some (university came up Linux became more important) or other reasons you had to change from your beloved Windows (“bazinga”) and your missing all the features of your Yahoo messenger you had once in Windowzs.
How can you enable a working Yahoo messenger in linux, that provides you most of the functionality?
Taggings:
