Intégration de Site Web (Caméras HD)

Intégration du flux vidéo live dans votre site web

Voici deux façons d'intégrer le flux vidéo HD de votre caméra dans votre site web.

  • h264: Cette méthode utilise le flux vidéo H264 de votre caméra. Cela aura besoin d'un ordinateur pour installer le Quicktime Plugin d'Apple. Lorsque vous utilisez Internet Explorer, le contrôle ActiveX seront nécessaire.
  • MJPEG: Ce mode est compatible avec tous les navigateurs et est recommandé pour l'affichage sur une page Web.

Modifier la Page HTML

Étape 1: Téléchargez notre package HTML et décompressez le fichier ZIP. Le fichier ZIP se trouve ici.

HD Camera Integration

Téléchargez et décompressez le fichier.

Étape 2: Si vous souhaitez intégrer le flux vidéo H264 dans votre site web, ouvrez le fichier h264 video.html afin d'apporter des modifications à votre caméra.

Pour accéder à votre caméra via internet (Redirection de port), vous devez entrer l'adresse DDNS ou l'adresse IP de votre caméra. Et vous aurez également besoin d'entrer le nom d'utilisateur et le mot de passe de votre caméra. En option, vous pouvez également sélectionner une résolution vidéo souhaitée.

Modifiez les paramètres suivants marqués en rouge:

var url = 'http://192.168.1.165:80';

var streamnum = 11; // Videostream 11 for 1280 x 720 pixel, 12 for 640 x 352 pixel and 13 for 320 x 176 pixel resolution

var name0 = 'admin'; // Camera Username

var password0 = 'instar'; // Camera Password

HD Camera Integration

Modifiez le fichier h264_video.html si vous souhaitez intégrer le flux vidéo h.264 de votre caméra HD.

Étape 3: Si vous souhaitez intégrer le flux MJPEG, modifiez le fichier mjpeg_video.html de la même manière comme expliqué à l'étape 2 ci-dessus.

HD Camera Integration

Modifiez le fichier mjpeg_video.html si vous voulez intégrer le flux vidéo MJPEG de votre caméra HD.

Recharger la page sur votre serveur

Étape 4: Maintenant, utilisez un client FTP afin de télécharger les fichiers sur votre site web. Dans notre cas, nous utilisons le programme FileZilla. Si vous n'êtes pas familier avec le HTML, vous pouvez copier tous les fichiers simplement dans le même dossier où votre fichier index.html est situé, qui est normalement la page d'accueil de votre site Web.

HD Camera Integration

Modifiez le fichier mjpeg_video.html si vous souhaitez intégrer le flux vidéo MJPEG de la caméra HD.

Étape 4.1: Ensuite, tous les fichiers doivent être dans le même dossier comme indiqué ci-dessous.

HD Camera Integration

Modifiez le fichier mjpeg_video.html si vous souhaitez intégrer le flux vidéo MJPEG de la caméra HD.

Étape 5: Tout ce que vous devez faire est de lier le fichier h264video.html_ ou mjpegvideo.html_ dans votre site Web. Si vous êtes familier avec la langage HTML, vous pouvez aussi tout simplement intégrer le code HTML dans un site existant afin d'intégrer le flux vidéo dans un page existant.

Pour toute question, vous pouvez nous contacter à tout moment.

Protection des Données