i'm rather new whole webrtc thing, , i've been reading ton of articles , different apis how handle video recording. seems more read more confusing whole thing is. know can use solutions such nimbb, i'd rather keep "in house", speak. way i've got code right now, page loads , user clicks button determine type of input (text or video). when video button clicked, webcam initialized , turned on record. however, stream webcam doesn't show in page itself. seems because src of video object. weird thing when try more info object logging console, object attribute called currenttime. how object create actual source video element? i've tried many different variations of code below no avail, i'm wondering i'm doing wrong.
var playerid = 'cam-'+t+'-'+click[1]+'-'+click[2]; navigator.getusermedia = navigator.getusermedia || navigator.webkitgetusermedia || navigator.mozgetusermedia || navigator.msgetusermedia; if(navigator.getusermedia){ function onsuccess(stream){ var video = document.getelementbyid(playerid); var vidsource; if(window.webkiturl || window.url){ vidsource = (window.webkiturl) ? window.webkiturl.createobjecturl(stream) : window.url.createobjecturl(stream); }else{ vidsource = stream; } video.autoplay = true; video.src = vidsource; } function onerror(e){ console.error('error: ', e); } navigator.getusermedia({video: true, audio: true}, onsuccess, onerror); }else{ //flash alternative }
the webkit check problem pointed out mido22 in comments
