Comment mettre une webcam sur mon site
Que ce soit pour vos 15 minutes ou 15 jours de gloire, imaginez diffuser les émissions que vous créez dans le monde. Tout cela, tout en étant votre propre réalisateur et aussi éventuellement en enseignant ce que vous savez à vos téléspectateurs. Mettre une webcam sur votre site est un excellent moyen de créer des abonnés qui contribuent à augmenter votre popularité sur Internet. Il existe deux façons de diffuser votre webcam en ligne : utilisez un service externe ou codez manuellement le script si vous maîtrisez le HTML. Suivre les étapes suppose que vous avez connecté une webcam à votre ordinateur.
Utilisation d'un fournisseur de streaming externe
Étape 1
Rejoignez UStream (voir le troisième lien dans la section Ressources). UStream est un service de streaming webcam gratuit et largement utilisé.
Étape 2
Connectez-vous à votre compte UStream. Cliquez sur "Mes émissions" et choisissez "Créer une nouvelle émission standard".
Étape 3
Choisissez vos options sur l'écran qui apparaît, puis cliquez sur "Créer un spectacle".
Étape 4
Sélectionnez "Mes émissions". Créez un nouveau titre d'émission et enregistrez-le dans la liste.
Étape 5
Copiez, collez et enregistrez le script fourni dans votre page Web ou votre page de blog où vous souhaitez que le streaming de la webcam apparaisse. Le script doit être placé entre le et Mots clés.
Étape 6
Choisissez la nouvelle émission que vous avez créée dans la liste "Mes émissions" et allumez votre webcam.
Étape 7
Appuyez sur le bouton "Autoriser" lorsque vous êtes invité à créer un lien vers votre webcam.
Choisissez « Démarrer la diffusion » pour commencer la diffusion en direct de la webcam qui apparaîtra sur votre site Web ou votre blog où le script a été placé.
Streaming pour les utilisateurs HTML avancés
Étape 1
Téléchargez la dernière version de Windows Media Player sur le site officiel de Microsoft (voir le dernier lien dans la section Ressources).
Étape 2
Suivez l'assistant d'installation pour configurer et exécuter l'encodeur Windows Media sur votre ordinateur.
Étape 3
Ouvrez la page HTML de votre site Web dans un éditeur de texte tel que le Bloc-notes.
Étape 4
Intégrez les scripts HTML suivants dans l'éditeur de texte de votre page Web à l'endroit où vous souhaitez que le streaming de la webcam apparaisse :
Étape 5
Faites correspondre les dimensions d'affichage de votre session Windows Media Encoder dans le script de balise de l'étape 2, où il est indiqué "Largeur" et "Hauteur". Les valeurs doivent correspondre afin que vos images en streaming ne soient pas déformées sur l'écran des téléspectateurs.
Étape 6
Ajoutez l'ID de classe, qui est le nom de votre dossier webcam sur votre disque dur dans le script de l'étape 2 où il est écrit « CLSID : ».
Étape 7
Entrez votre nom de domaine (où il est écrit "entrez votre nom de domaine ici" dans le script de l'étape 2), qui doit correspondre à ce que vous avez enregistré auprès de votre société d'hébergement.
Étape 8
Entrez le numéro de port (où il est dit "entrez votre nom de domaine ici" dans le script de l'étape 2), le cas échéant, donné à votre domaine par la société d'hébergement.
Étape 9
Enregistrez les modifications apportées à votre page HTML avant de fermer la page de l'éditeur de texte. Le script sur la page détectera une webcam connectée à votre ordinateur.
Étape 10
Testez la page Web dans un navigateur où le streaming webcam apparaîtra.
Allumez votre webcam et choisissez l'option "Vidéo". Appuyez sur PLAY."
Image fixe pour les utilisateurs HTML avancés
Étape 1
Téléchargez et installez le logiciel Windows Media Encoder en suivant les instructions à l'écran (voir le dernier lien dans la section Ressources).
Étape 2
Placez les balises HTML suivantes dans une page Web sur laquelle vous souhaitez afficher des images de webcam « fixes » au lieu de diffusions en direct :
Les balises ci-dessus doivent être placées entre les et balises dans votre document HTML. Cela garantit que votre page se recharge automatiquement et ne sera pas mise en cache sur l'ordinateur de l'utilisateur. De plus, les téléspectateurs recevront une nouvelle image « fixe » chaque fois qu'ils iront sur cette page ou appuieront sur le bouton Actualiser de leur navigateur.
Étape 3
Modifiez la valeur du "contenu" dans la première ligne après l'attribut "refresh". Le nombre représente "seconde(s)". La page doit s'actualiser pour charger une nouvelle image si le spectateur ne quitte pas votre page lorsque le temps est écoulé.
Étape 4
Écrivez votre balise d'image entre le et balises dans le document HTML ; comme vous le feriez pour d'autres images. Par example: .
Étape 5
Placez la taille exacte de l'image dans les balises d'image, après avoir vérifié la taille de capture de votre webcam. Ne modifiez jamais la taille à l'aide du code HTML car l'image sera granuleuse à l'écran.
Enregistrez le document HTML et testez-le dans votre navigateur avec la webcam allumée.
