Comment intégrer une diffusion sur votre site

Pourquoi le RTSP ne fonctionne pas dans un navigateur

Le RTSP est conçu pour contrôler la diffusion vidéo, mais les navigateurs modernes ne peuvent pas lire ce protocole directement. Collez un lien RTSP dans du HTML ou ouvrez-le comme une adresse ordinaire, et aucune vidéo n'apparaîtra sur la page.

Pour l'afficher sur le web, le flux doit être reçu, préparé dans un format compatible et délivré au spectateur via un lecteur web. C'est le travail que fait rtsp.me.

Ce que vous obtenez

• Code prêt à l'emploiCode HTML du lecteur à placer sur une page
• Adaptation du fluxLecture dans les navigateurs web modernes
• Appareils mobilesVisionnage optimisé pour téléphones et tablettes
• StatistiquesAccès du propriétaire aux statistiques de visites de la diffusion

Vous n'aurez pas besoin de créer un lecteur vous-même ni de maintenir un système de conversion vidéo séparé.

Étape 1. Préparer la diffusion

Ajoutez d'abord la caméra IP sur rtsp.me et attendez que la vidéo démarre correctement. Si la caméra n'est pas encore connectée, suivez le guide « Comment créer une diffusion en direct sur un site web ».

1. Ouvrez rtsp.me et connectez-vous à votre compte.
2. Sélectionnez la caméra que vous avez connectée.
3. Assurez-vous que l'image est disponible et que la diffusion fonctionne durablement.
4. Ouvrez les paramètres d'intégration ou le code du lecteur.

Étape 2. Obtenir le code HTML

rtsp.me génère un fragment HTML prêt à l'emploi pour la diffusion sélectionnée. Copiez-le intégralement sans modifier l'adresse du lecteur ni les paramètres du service.

Le code fonctionne sur un site en HTML simple, dans un modèle de CMS ou dans le bloc HTML personnalisé d'un créateur de site, à condition que la plateforme autorise l'intégration de lecteurs externes.

Exemple de code HTML

<iframe
  src="https://rtsp.me/embed/WKZb7jUsUw5T9N4f/"
  style="width:100%; aspect-ratio:4/3; border:0;"
  title="RTSP streaming player"
  allow="fullscreen; autoplay"
  allowfullscreen>
  Iframes not supported. Stream <a href="https://rtsp.me/"
    title="rtsp video streaming service">rtsp.me</a> player
</iframe>

Votre code fonctionnel contiendra l'adresse de votre propre diffusion. Ne le remplacez pas par l'identifiant de démonstration WKZb7jUsUw5T9N4f.

À quoi ressemble le lecteur intégré

Étape 3. Placer le code

1. Ouvrez la page sur laquelle la diffusion doit apparaître.
2. Passez en mode d'édition HTML ou ajoutez un bloc pour le code intégré.
3. Collez le code du lecteur à l'endroit voulu.
4. Enregistrez et publiez la page.
5. Vérifiez que la vidéo démarre dans un navigateur, sur ordinateur comme sur téléphone.

Une fois la page publiée chargée, le lecteur se connecte à rtsp.me et lance la lecture de la diffusion disponible.

Navigateurs et appareils mobiles

rtsp.me optimise le flux source aussi bien pour les navigateurs de bureau que pour les appareils mobiles. Un visiteur n'a pas besoin d'installer un logiciel de visionnage RTSP ni de saisir d'identifiants de caméra.

Le lecteur responsive peut s'insérer dans un conteneur de page de sorte que sa largeur s'adapte à l'écran. Après la publication, vérifiez l'orientation portrait comme paysage sur un téléphone, ainsi que le chargement de la page sur une connexion mobile lente.

La qualité de visionnage dépend aussi des paramètres de la caméra et du débit montant disponible sur le site. Des recommandations figurent sur la page « Paramètres recommandés pour une caméra IP ».

Statistiques de visites

Le propriétaire de la diffusion a accès aux statistiques de visites. Elles aident à évaluer l'intérêt de l'audience et à suivre l'utilisation du lecteur sur le site.

Les statistiques sont disponibles dans l'interface rtsp.me. Les indicateurs affichés peuvent dépendre des paramètres de la diffusion et de la formule utilisée.

Intégration sécurisée via PHP

Un simple code HTML convient pour une diffusion publique. Si la vidéo est destinée uniquement à des clients inscrits, à du personnel ou à des clients particuliers, le lecteur peut être connecté via un code PHP côté serveur.

Dans cette configuration, votre serveur vérifie d'abord les droits de l'utilisateur, puis lui délivre un lien de lecteur unique. Le lien est créé séparément pour chaque visiteur et n'est pas stocké de façon permanente dans le HTML public de la page.

1. L'utilisateur se connecte à son compte sur votre site.
2. Le code PHP vérifie si le visionnage lui est autorisé.
3. Le serveur construit un lien personnel à l'aide des paramètres d'intégration rtsp.me.
4. La page transmet le lien au lecteur destiné à cet utilisateur uniquement.

Une comparaison de l'intégration PHP avec les domaines autorisés, un mot de passe, le blocage par IP et l'accès par compte figure dans le guide « Comment protéger une diffusion contre la copie ».

Questions fréquentes