I am trying to get image from an ip camera in php and javascript using canvas

Asked Jan 12 '21 at 06:11

Active Jan 12 '21 at 10:11

Viewed 139 times

it captures the image and when I try to use canva.toDataURL() it does not give us an image and throws the exception on the console

(index):45 Uncaught DOMException: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported.

 function shoot() { 
 var video = document.getElementById(videoId);
 var output = document.getElementById('output'); 
 var canvas = capture(video, scaleFactor); canvas.onclick = function(){ 
 window.open(this.toDataURL()); alert(this.toDataURL()) }; 
 snapshots.unshift(canvas);
 output.innerHTML = ''; 
 for (var i = 0; i < 1; i++) {
 output.appendChild(snapshots[i]); 
 }

I think problem in this onclick function

edited Jan 12 '21 at 10:11

mTvare

asked Jan 12 '21 at 06:11

Nabeel Bhatti

I am surprised that there was a tag named [ip-camera] – mTvare Jan 12 '21 at 06:37
Because I am trying integrate an Ip-Camera and capturing screenshot from it. Sorry if it bothered you – Nabeel Bhatti Jan 12 '21 at 06:41
Have you considered any of the answers given to the question https://stackoverflow.com/questions/22710627/tainted-canvases-may-not-be-exported – Blindman67 Jan 12 '21 at 08:10
gonna check this – Nabeel Bhatti Jan 12 '21 at 09:13
hey @Blindman67 this did not work for me – Nabeel Bhatti Jan 12 '21 at 10:03
If nothing on that page helped then sorry, as the error indicates "Tainted canvases may not be exported." There is nothing you can do to change that. – Blindman67 Jan 12 '21 at 11:45
okay @Blindman67 – Nabeel Bhatti Jan 12 '21 at 16:08

I am trying to get image from an ip camera in php and javascript using canvas

0 Answers0