Suite à l’achat de 3 cameras IP D-Link DCS-5020L, il me fallait un logiciel simple pour visualiser et surveiller le retour audio et video de ces trois cameras IP.

D-View nécessitant des droits admin pour se lancer, c’était hors de question.

iSpy refuse de reconnaître le flux audio (parfaitement reconnu sous VLC et dans une balise html <audio>).

N’ayant pas de besoin d’enregistrement, ni de surveillance automatique, le plus simple était de revenir aux bases :

3 images avec des refresh en javascript et 3 balises <audio>, ça donne ça dans un fichier HTML :

<html>
< head>

<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
< meta http-equiv="Pragma" content="no-cache" />
< meta http-equiv="Expires" content="0" />     
< style>
audio, img, td { width: 600px; }
< /style>
< /head>
< body>
< table style=’width:100%’>
     <tr>
        <td>
             <h2><a href="http://admin:password@192.168.0.15/" target=_blank>Camera A</a></h2>
            < img src="http://admin:password@192.168.0.15/image/jpeg.cgi?t=" onload=’setTimeout(function() {src = src.substring(0, (src.lastIndexOf("t=")+2))+(new Date()).getTime()}, 95)’ onerror=’setTimeout(function() {src = src.substring(0, (src.lastIndexOf("t=")+2))+(new Date()).getTime()}, 2000)’ alt=”>
            </br>
            <audio controls autoplay>
                <source src="http://admin:password@192.168.0.15/audio.cgi" type="audio/wav">
             </audio>
         </td>
        <td>
            <h2><a href="http://admin:password@192.168.0.16/" target=_blank>Camera B</a></h2>
            < img src="http://admin:password@192.168.0.16/image/jpeg.cgi?t=" onload=’setTimeout(function() {src = src.substring(0, (src.lastIndexOf("t=")+2))+(new Date()).getTime()}, 100)’ onerror=’setTimeout(function() {src = src.substring(0, (src.lastIndexOf("t=")+2))+(new Date()).getTime()}, 2000)’ alt=”>
            </br>
             <audio controls autoplay>
                <source src="http://admin:password@192.168.0.16/audio.cgi" type="audio/wav">
            </audio>
         </td>
        <td>
            <h2><a href="http://admin:password@192.168.0.17/" target=_blank>Camera C</a></h2>
             < img src="http://admin:password@192.168.0.17/image/jpeg.cgi?t=" onload=’setTimeout(function() {src = src.substring(0, (src.lastIndexOf("t=")+2))+(new Date()).getTime()}, 105)’ onerror=’setTimeout(function() {src = src.substring(0, (src.lastIndexOf("t=")+2))+(new Date()).getTime()}, 2000)’ alt=”>
             </br>
            <audio controls autoplay>
                  <source src="http://admin:password@192.168.0.17/audio.cgi" type="audio/wav">
            </audio>
        </td>
      </tr>
< /table>
< /body>
< /html>
 
A adapter à votre adressage ip et à vos mots de passe de webcam, évidemment… (3 refresh images à 95, 100 et 105 msec, modifiables selon vos besoins)

Puis à ouvrir avec Firefox.

Je vous conseille de figer vos adresses IP dans votre DHCP, bien sûr. Winking smile

En vue, envoyer des commandes PTZ pour bouger les caméras, ça devrait pouvoir se faire en javascript sans trop de souci…

Enjoy !    

Tags: , , ,