laste bilde fra beskyttet mappe (.htaccess)

[Egil Dybdal]

Har montert noen web-kamera på hytten hvor jeg ønsker å hente ut live-bilde uten å bruke FTP opplasting eller ActiveX applikasjoner.

​Kameraet har eget web-interface hvor det ligger en bildefil kallet auto.jpg som oppdateres 25 ganger i sekundet. Bildefilen ligger beskyttet bak en .htaccess login.

​For å laste bildet inn på en webside med automatisk oppdatering vil jeg bruke følgende Jacascript:

<script language="javascript">
 <!--

 var img = new Image();
 var imgObj;

 function preload()
 {
  img.src='http://<ipadresse>/web/tmpfs/auto.jpg?'+new Date;
 }

 function changesrc()
 {
  img1.src=img.src;
  preload();
  setTimeout(changesrc,3500);
 }

 function update()
 {
  imgObj = document.getElementById('img1');
  imgObj.src = img.src;
  img.src = "http://<ipadresse>/web/tmpfs/auto.jpg?" + (new Date()).getTime();
 }

 function takeError()
 {
  img.src = "http://<ipadresse>/web/tmpfs/auto.jpg?" + (new Date()).getTime();
 }

 function startonload()
 {
  img.src = "http://<ipadresse>/web/tmpfs/auto.jpg?" + (new Date()).getTime();
  img.onerror=takeError;
  img.onload=update;
 }

 function load()
 {
  if (navigator.appName.indexOf("Microsoft IE Mobile") != -1)
  {
   preload();
   changesrc();
   return;
  }
  startonload();
 }

 //-->
</script>

Noen ideer til hvordan Javascriptet kan logge seg inn med .htaccess for å få tilgang til bildet? Det har ikke noen betydning om brukernavn og passord er leselig i kildekoden, da man kan få tilgang til bildet ved hjelp av en gjestebruker U/P guest/guest.

 

[Sokkalf™]

Standardmåten å legge ved brukernavn og passord i urlen ved HTTP AUTH er 

http://brukernavn:passord@ip-adresse/hostnavn/

Endret 7. desember 2015 av Sokkalf™