webcam beeld live op site plaatsen
ik heb een script waarmee je de webcam kan openen en het beeld op de pagina te laten zien.
dit is het script:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
navigator.getUserMedia = navigator.webkitGetUserMedia || navigator.getUserMedia;
window.URL = window.URL || window.webkitURL;
var video = document.getElementById('monitor');
function gotStream(stream) {
if (window.URL) {
video.src = window.URL.createObjectURL(stream);
} else {
video.src = stream;
}
video.onerror = function(e) {
stream.stop();
};
stream.onended = noStream;
}
function noStream(e) {
alert('No camera available.');
}
function opencam() {
if (!navigator.getUserMedia) {
alert('Sorry. <code>navigator.getUserMedia()</code> is not available.');
return;
}
navigator.getUserMedia({video: true, audio: true}, gotStream, noStream);
}
window.URL = window.URL || window.webkitURL;
var video = document.getElementById('monitor');
function gotStream(stream) {
if (window.URL) {
video.src = window.URL.createObjectURL(stream);
} else {
video.src = stream;
}
video.onerror = function(e) {
stream.stop();
};
stream.onended = noStream;
}
function noStream(e) {
alert('No camera available.');
}
function opencam() {
if (!navigator.getUserMedia) {
alert('Sorry. <code>navigator.getUserMedia()</code> is not available.');
return;
}
navigator.getUserMedia({video: true, audio: true}, gotStream, noStream);
}
maar hoe kan ik ervoor zorgen dat het beeld dat ik kan zien live op de website komt te staan?
ik wil dit trouwens niet echt gaan gebruiken maar vooral omdat ik graag meer wil leren over webcams en microfoons in javascript.
alvast bedankt.
ps: ik krijg ik firefox een alert met "Sorry. <code>navigator.getUserMedia()</code> is not available."
hoe kan ik het in firefox ondersteunen (andere browsers heb ik nog niet getest alleen google chrome)
Gewijzigd op 07/05/2014 20:05:50 door - Ariën -
ik draai Firefox op ubuntu en ik heb versie 29.0
Heb je een testcase online staan? Of anders via JSfiddle?
http://jsfiddle.net/62kSB/1/ dit is het wat ik nu heb (ik ben nog niet aan het design begonnen dus het ziet er niet zo mooi uit) dit zou ik dus graag live op mijn website willen draaien
- Pascal Gerrist (.nl)
oke ik zal er straks even naar kijken maar is er geen manier om dat zelf te programeren? want dat was eigenlijk mijn bedoeling dat hij de beelden direct naar een pagina post en die hem op de site plaatst ofzo?
Werkt bij mij wel? Getest in firefox 25 en chromium
Gewijzigd op 08/05/2014 18:20:16 door christian k
De reden is mij onduidelijk, want de API is wel door hen beschreven.
maar hoe kan ik het webcam beeld live op mijn website streamen met behulp van php en js?
Je zult toch echt een programma moeten hebben om je webcam te streamen via een poort.
Ik weet dat er bijv. een dergelijk programma van Adobe bestaat:
http://www.adobe.com/devnet/adobe-media-server/articles/beginner_installing_fm3.html
Maar mocht je bekend zijn met de Raspberry Pi zijn ook daar mooie oplossingen voor.
thx man
Hu hoe bedoel je wat is er later nog van pas?
Christian k op 08/05/2014 21:50:22:
Ik zal er morgen even naar kijken
Hu hoe bedoel je wat is er later nog van pas?
Hu hoe bedoel je wat is er later nog van pas?
met andere projecten
Oke maar weet wel dat het script alleen in google chrome werkt