내 웹 페이지에 카메라 스트림을 삽입하고 싶습니다.
이 URL로 이동하면 스트림이 표시됩니다.
http://user:pwd@ip/cgi-bin/faststream.jpg?stream=full&html
이것은 반환 된 html의 일부입니다.
<img src="/cgi-bin/faststream.jpg?">
401 오류가 발생하기 때문에 내 페이지에 이와 같은 이미지를 삽입해도 작동하지 않습니다.
<img src="http://user:pwd@ip/cgi-bin/faststream.jpg?">
jquery로 GET을 시도했지만 Access-Control-Allow-Origin 오류가 발생합니다.
$.ajax({
crossDomain: true,
url: "http://ip/cgi-bin/faststream.jpg?",
type: 'GET',
username: "user",
password: "pwd",
success: function(data){
console.log(data);
},
error: function(data) {
console.log(data);
}
});
이 문제를 어떻게 해결할 수 있는지 아이디어 / 팁?
나는 이것을 추악한 방법으로 해결했지만 작동합니다.
보이지 않는 iframe에서 기본 인증을 얻기 위해 URL을로드합니다.
iframe이로드 된 후 이미지 스트림의 src를 설정합니다.
$("#authframe").load(function () {
$('img').attr('src', "http://ip/cgi-bin/faststream.jpg");
});
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다