Protocole RTSP VS RTMP
Préparation
Solution de flux de caméra IP : passerelle multimédia vidéo
Comment intégrer des flux de caméras IP dans des sites Web
Vous avez peut-être une caméra IP (caméra de sécurité ou caméra Ethernet) installée chez vous et vous vous demandez si vous pouvez diffuser la vidéo en temps réel sur des plates-formes en direct ou intégrer le flux en direct IP dans une page Web.
Malheureusement, vous ne pouvez pas trouver de solution simple nativement dans votre caméra IP. Par conséquent, vous devez utiliser certaines applications ou matériels externes pour rendre les caméras de sécurité accessibles dans le monde entier.
Cet article vous explique comment transmettre le flux de votre caméra IP vers n'importe quelle destination publique et l'intégrer dans un site Web ou même dans une webcam de chat en direct.
La caméra IP utilise le protocole RTSP . RTSP est un protocole de contrôle multimédia qui vous permet de surveiller votre sécurité au sein de votre réseau local.
Le flux Internet public utilise le protocole RTMP . RTMP est un protocole de transmission multimédia largement adopté par Youtube, Twitch, Facebook Live et d'autres plateformes de direct.
Pour diffuser la caméra de sécurité, vous devez transférer le protocole d'origine de RTSP vers RTMP.
Avant de commencer, vous devez :
1. Découvrez l'adresse RTSP de votre caméra IP.
2. Préparez un ordinateur appartenant au même réseau que la caméra. Cela vous aiderait à déployer l'application ou à configurer le matériel connecté au réseau local.
3. Obtenez l'URL du flux et la clé de votre plateforme cible (YouTube, Facebook, etc.). Vous aurez besoin de l'URL du flux et de la clé du flux pour former l'URL de transmission RTMP.
4. Préparez ORIVISION passerelle multimédia vidéo (DH941), ou Décodeur vidéo (DH931/DS931/DS951)
Utilisez le logiciel Onvif Device Manager pour trouver l'adresse RTSP de la caméra réseau. Si vous avez déjà obtenu l'adresse RTSP de la caméra réseau, veuillez ignorer cette étape.
1. Téléchargez et installez le logiciel Onvif Device Manager. Le logiciel Onvif recherchera automatiquement la caméra sur le réseau après avoir ouvert le logiciel. Et la caméra sera affichée sur la fenêtre de gauche.
2. Connectez-vous avec le nom d'utilisateur et le mot de passe de votre caméra.
3. Cliquez sur 'Vidéo en direct', vous obtiendrez alors l'adresse RTSP. (Veuillez voir l'image ci-dessous)
4. Si votre caméra nécessite un compte et un mot de passe pour y accéder, veuillez noter le format de l'adresse RTSP.
Par exemple:
L'adresse RTSP est rtsp://192.168.10.64:554/Streaming/Channels/101xxxxxxx
Le nom d'utilisateur et le mot de passe de la caméra sont admin/admin.
L'adresse correcte est rtsp://admin : admin@192.168 .10.64:554/Streaming/Channels/101xxxxxxx
Caractéristiques du produit :
Décodage matériel H264/H265 haute performance ;
Prise en charge maximale du transfert de protocole à 9 voies RTSP /HTTP /UDP/ HTTPS /SRT /RTMP vers RTMP /RTMPS /UDP /RTP ;
Prend en charge le transfert du port réseau 1 vers le port réseau 2 ;
Plusieurs cibles de streaming disponibles ;
Prend en charge une sortie jusqu'à 3840 × 2160 (interface HDMI) ;
Prise en charge de l'insertion d'audio (musique de fond) dans les flux de transfert ;
Prise en charge de la sortie d'aperçu local, avec un maximum de 9 canaux d'aperçu 720P
Pour obtenir les données de la caméra IP et les diffuser sur des plates-formes publiques dans une passerelle multimédia vidéo, vous devez suivre les étapes suivantes :
1. Connectez la passerelle multimédia vidéo à votre réseau local et exécutez-la.
2. Ouvrez la console du site Web du périphérique de passerelle multimédia vidéo et cliquez sur la page des paramètres de décodage.
3. Entrez l'adresse RTSP de votre caméra réseau dans les paramètres d'entrée.
4. Activez le streaming RTMP/RTMPS pour transmettre les flux de webcam vers des plateformes telles que YouTube et Facebook :
Par exemple:
L'adresse du serveur RTMP est : rtmp://a.rtmp.youtube.com/live2
La clé du flux est : 7thy-519k-6yux pubs xxxx
Astuce : Si votre caméra n'a pas d'audio intégré, vous devez utiliser la passerelle multimédia vidéo DH941 pour insérer l'audio.
Il n’existe aucun moyen direct d’intégrer des vidéos de caméras de sécurité dans un site Web. Cependant, intégrer des vidéos YouTube/Facebook/Switch dans votre page est simple.
4.1 Intégrer YouTube Stream dans le site Web :
Les étapes sont les suivantes :
1. Accédez à votre page de diffusion en direct YouTube et cliquez sur le bouton « Partager » en bas de la vidéo.
2. Cliquez sur 'Intégrer' dans l'option de partage et copiez le code HTML iframe.
3. Accédez à la console de votre site Web et créez une page de test (ou une publication).
4. Si vous utilisez WordPress, veuillez ajouter un bloc « HTML personnalisé ». Si vous utilisez un autre créateur de site Web, sélectionnez « Modifier au format HTML ».
5. Collez le code HTML que vous venez de copier depuis YouTube.
6. Prévisualisez et ajustez les valeurs de largeur et de hauteur de la fenêtre selon vos besoins.
7. Publiez la page et profitez de votre diffusion en direct.
4.2 Intégrer Facebook Stream dans le site Web :
Les étapes sont les suivantes :
1. Accédez à la page Facebook en temps réel de votre webcam et cliquez sur le bouton « Partager » à droite.
2. Cliquez sur 'Intégrer' dans l'option de partage et copiez le code HTML iframe.
3. Accédez à la console de votre site Web et créez une page de test (ou une publication).
4. Si vous utilisez WordPress, veuillez ajouter un bloc « HTML personnalisé ». Si vous utilisez un autre créateur de site Web, sélectionnez « Modifier au format HTML ».
5. Collez le code HTML que vous venez de copier depuis Facebook.
6. Prévisualisez et ajustez les valeurs de largeur et de hauteur de la fenêtre selon vos besoins.
7. Publiez la page et profitez de votre diffusion en direct.
4.3 Intégrer Twitch Stream au site Web :
Les étapes sont les suivantes :
1. Accédez à la page en temps réel Twitch de votre webcam et cliquez sur le bouton « Partager » en bas.
2. Cliquez sur 'Intégrer' dans les options de partage et copiez le code HTML iframe (veuillez noter que Twitch propose deux méthodes de codage, dont JavaScript, que vous pouvez copier).
3. Accédez à la console de votre site Web et créez une page de test (ou une publication).
4. Si vous utilisez WordPress, veuillez ajouter un bloc « HTML personnalisé ». Si vous utilisez un autre créateur de site Web, sélectionnez « Modifier au format HTML ».
5. Collez le code HTML que vous venez de copier depuis Twitch.
6. Prévisualisez et ajustez les valeurs de largeur et de hauteur de la fenêtre selon vos besoins.
Si vous copiez du code JavaScript, veillez à ajouter un attribut de hauteur à la fenêtre vidéo et à fournir la valeur correcte.
Si vous copiez du code iframe, le nom de domaine correct doit être saisi dans l'attribut 'parent'. Et n'oubliez pas d'ajuster la valeur de la hauteur.
7. Publiez la page et profitez de votre diffusion en direct
