Configurer une page Web de webcam

Les webcams ne sont pas nouvelles sur Internet et sont toujours incroyablement populaires. Il est plus facile que jamais de créer une page de webcam et de devenir l'un des nombreux sites de webcam disponibles. Tout ce dont vous avez besoin est un ordinateur avec une webcam, une connexion Internet et un serveur pour héberger votre site. La configuration ne prend pas trop de temps non plus.


Comment configurer une webcam pour la diffusion en direct

Voici comment configurer une webcam pour qu'elle fonctionne avec votre site Web:

  1. Choisissez un service d'hébergement. Un hébergeur est un serveur que vous louez sur Internet pour héberger votre site. Ils sont généralement peu coûteux et ne nécessitent pas beaucoup d'entretien. Vous pouvez le faire avec pratiquement n'importe quel hébergeur.

  2. Connectez la webcam à l'ordinateur à partir duquel vous souhaitez diffuser. Utilisez votre bureau ou un ordinateur dédié plus petit, comme un Raspberry Pi. Assurez-vous que la webcam est connectée à un ordinateur sur lequel les derniers pilotes sont installés.

  3. Choisissez un lecteur multimédia. VLC est un lecteur multimédia open source qui est gratuit et fonctionne sur Windows, Mac et Linux. VLC est livré avec des capacités de streaming intégrées.

    Accédez à la page de téléchargement de VLC et téléchargez la dernière version du programme d'installation. Si vous utilisez Linux, VLC peut être trouvé dans les référentiels de votre distribution, alors vérifiez-le d'abord.

  4. Installez VLC. Un assistant vous guide tout au long du processus d'installation de VLC sur votre système.

  5. Ouvrez VLC.

  6. Dans l'écran d'accueil de VLC, sélectionnez Média.

  7. Choisir Discussions.

  8. Dans le Médias ouverts boîte de dialogue, sélectionnez le Dispositif de capture languette.

  9. Sélectionnez le Nom du périphérique vidéo flèche déroulante et choisissez votre webcam. Si vous envisagez également de capturer de l'audio, sélectionnez Nom du périphérique audio flèche déroulante et choisissez le périphérique audio. Ensuite, sélectionnez Discussions.

  10. Vérifiez la source de votre flux. VLC affiche l'emplacement de votre webcam. Vous pouvez spécifier un autre flux mais utiliser la valeur par défaut dans la plupart des cas.

  11. Configurez la destination de votre flux. Choisir HTTP, Puis sélectionnez Ajoutez..

    Plusieurs destinations peuvent être créées, mais HTTP est tout ce dont vous avez besoin pour votre flux.

  12. VLC crée un nouvel onglet pour votre flux HTTP. L'onglet contient deux options, une pour le port et une pour le chemin. Sauf si vous avez autre chose utilisant le port par défaut, conservez la valeur par défaut. Le chemin est le chemin exact de votre flux en suivant l'URL principale et, par défaut, il s'agit de http: // localhost: 8080 / path. dans le Chemin zone de texte, entrez /courant ou quelque chose de similaire pour garder le flux séparé de tout ce que vous exécutez.

  13. Sélectionnez le profil d'encodage de votre flux. Le format le plus simple et le plus universel à utiliser ici est OGG. Sélectionnez le Profil flèche déroulante et choisissez Vidéo - Theora + Vorbis (OGG). Utilisez l'icône de clé pour modifier des paramètres spécifiques, mais le profil par défaut fonctionnera dans la plupart des situations.

  14. Sélectionnez le Diffusez tous les flux élémentaires case à cocher, puis sélectionnez Discussions à commencer.

  15. Votre flux s'exécute maintenant sur votre ordinateur au port que vous avez spécifié. Vous pouvez y accéder sur certains navigateurs et lecteurs multimédias en utilisant l'adresse IP de votre ordinateur et le port et le chemin que vous avez spécifiés. Lorsque vous souhaitez effectuer cette opération pour Internet, autorisez l'accès à votre réseau domestique depuis Internet. Il y a deux manières d'accomplir ceci.

    • Configurez la redirection de port de votre routeur vers votre ordinateur via le port exécutant votre flux. Ensuite, configurez un DNS dynamique à partir d'un service tel que No-IP.com pour vous assurer que votre adresse IP domestique ne change pas. Avec cette méthode, vous accédez à votre caméra de la même manière, mais vous utiliserez l'URL externe de No-IP suivie du numéro de port et du chemin. Votre adresse ressemblerait à yourstream.no-ip.org:8080/stream.
    • Configurez un VPN. Vous pouvez connecter à la fois votre ordinateur et le serveur hébergeant votre site au VPN. Grâce au VPN, ils se comporteront comme s'ils étaient sur le même réseau local, rendant votre flux disponible et facilement accessible à votre serveur.
  16. Une fois que vous avez accès à votre flux, utilisez un éditeur de texte pour écrire du code HTML de base afin de tester l'apparence de votre webcam sur la page. Pour quelque chose de minimal, utilisez ce code sur la page Web:

    <html>
    <Head>
    <title> Test de la webcam </title>
    </ Head>
    <Body>
    </ Body>
    </ Html>

  17. Créez la balise vidéo HTML5 dans le <Body> Mots clés. Définissez l'attribut source sur l'emplacement de votre flux.

    <video src = "yourstream.no-ip.org:8080/stream" />

    Pour tester cela localement sur votre ordinateur, entrez:

    <video src = "localhost: 8080 / stream" />

  18. Ajoutez les autres attributs de votre vidéo, en commençant par l'ID, la hauteur et la largeur.

    <video id = "stream" width = "640" height = "480" src = "localhost: 8080 / stream" />

  19. Ajoutez les informations sur la vidéo. Spécifiez le type de vidéo, le codec et la manière dont le navigateur doit la lire.

    <video id = "stream" width = "640" height = "480" src = "localhost: 8080 / stream" type = "video / ogg; codecs = theora" autoplay = "autoplay" />

  20. Votre fichier HTML doit ressembler à cet exemple.

    <html>
    <Head>
    <title> Test de la webcam </title>
    </ Head>
    <Body>
    <video id = "stream" width = "640" height = "480" src = "http: // localhost: 8080 / stream" type = "video / ogg; codecs = theora" autoplay = "autoplay" />
    </ Body>
    </ Html>

  21. Lorsque le HTML semble correct, enregistrez le fichier.

  22. Ouvrez le fichier dans un navigateur. Pour le tester localement, cliquez avec le bouton droit sur le fichier et sélectionnez un navigateur tel que Chrome. Sinon, téléchargez le fichier dans le répertoire racine HTML de votre serveur. Le flux de la webcam est diffusé sur une page presque vierge.

Vous pouvez faire plus avec votre webcam. Si vous envisagez de créer votre site avec WordPress, installez l'un des plug-ins de webcam. Avec ces plug-ins, tout ce que vous avez à faire est de saisir l'adresse du flux. Si vous créez le site vous-même, utilisez la balise vidéo HTML5 et contourner ce problème.

Laisser un commentaire