interface Web
js tutoriel
Explication détaillée des étapes pour appeler la fonction de caméra locale à l'aide de JS
Explication détaillée des étapes pour appeler la fonction de caméra locale à l'aide de JS
Cette fois, je vais vous donner une explication détaillée des étapes pour appeler la fonction caméra locale avec JS. Quelles sont les précautions pour appeler la fonction caméra locale avec JS. Voici un cas pratique, allons-y. jetez un oeil.
Aujourd'hui, j'ai découvert que js appelait une caméra locale. En fait, ce n'est pas très compliqué à implémenter. Voici la partie code, connectez-vous au serveur Tomcat, puis ouvrez-le sur la page Web. l'effet. . Venez vous amuser!
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title></title>
<style>
video {
border: 1px solid #ccc;
display: block;
margin: 0 0 20px 0;
float:left;
}
canvas {
margin-top: 20px;
border: 1px solid #ccc;
display: block;
}
</style>
</head>
<body>
<video width="640" height="480" id="myVideo"></video>
<canvas width="640" height="480" id="myCanvas"></canvas>
<button id="myButton">截图</button>
<button id="myButton2">预览</button>
<button id="myButton3">
<a download="video.png">另存为</a>
</button>
</body>
<script>
window.addEventListener('DOMContentLoaded',function(){
var cobj=document.getElementById('myCanvas').getContext('2d');
var vobj=document.getElementById('myVideo');
getUserMedia({video:true},function(stream){
vobj.src=stream;
vobj.play();
},function(){});
document.getElementById('myButton').addEventListener('click',function(){
cobj.drawImage(vobj,0,0,640,480);
document.getElementById('myButton3').children[0].href=cobj.canvas.toDataURL("image/png");
},false);
document.getElementById('myButton2').addEventListener('click',function(){
window.open(cobj.canvas.toDataURL("image/png"),'_blank');
},false);
},false);
function getUserMedia(obj,success,error){
if(navigator.getUserMedia){
getUserMedia=function(obj,success,error){
navigator.getUserMedia(obj,function(stream){
success(stream);
},error);
}
}else if(navigator.webkitGetUserMedia){
getUserMedia=function(obj,success,error){
navigator.webkitGetUserMedia(obj,function(stream){
var _URL=window.URL || window.webkitURL;
success(_URL.createObjectURL(stream));
},error);
}
}else if(navigator.mozGetUserMedia){
getUserMedia=function(obj,success,error){
navigator.mozGetUserMedia(obj,function(stream){
success(window.URL.createObjectURL(stream));
},error);
}
}else{
return false;
}
return getUserMedia(obj,success,error);
}
</script>
</html>Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !
Lecture recommandée :
Détaillé explication des étapes d'implémentation JS de la détection de collision
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Outils d'IA chauds
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Undress AI Tool
Images de déshabillage gratuites
Clothoff.io
Dissolvant de vêtements AI
AI Hentai Generator
Générez AI Hentai gratuitement.
Article chaud
Outils chauds
Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit
SublimeText3 version chinoise
Version chinoise, très simple à utiliser
Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP
Dreamweaver CS6
Outils de développement Web visuel
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
Comment mettre en œuvre un système de reconnaissance vocale en ligne à l'aide de WebSocket et JavaScript
Dec 17, 2023 pm 02:54 PM
Comment utiliser WebSocket et JavaScript pour mettre en œuvre un système de reconnaissance vocale en ligne Introduction : Avec le développement continu de la technologie, la technologie de reconnaissance vocale est devenue une partie importante du domaine de l'intelligence artificielle. Le système de reconnaissance vocale en ligne basé sur WebSocket et JavaScript présente les caractéristiques d'une faible latence, d'un temps réel et d'une multiplateforme, et est devenu une solution largement utilisée. Cet article explique comment utiliser WebSocket et JavaScript pour implémenter un système de reconnaissance vocale en ligne.
Comment résoudre le problème de caméra non pris en charge par Windows Hello
Jan 05, 2024 pm 05:38 PM
Lorsque vous utilisez Windows Shello, une caméra prise en charge est introuvable. Les raisons courantes sont que la caméra utilisée ne prend pas en charge la reconnaissance faciale et que le pilote de la caméra n'est pas installé correctement. Voyons donc comment la configurer. Windowshello ne trouve pas de didacticiel de caméra pris en charge : Raison 1 : Le pilote de la caméra n'est pas installé correctement 1. De manière générale, le système Win10 peut installer automatiquement les pilotes pour la plupart des caméras, comme suit, il y aura une notification après avoir branché la caméra 2. À ce stade, nous ouvrons l'appareil. Vérifiez le gestionnaire pour voir si le pilote de la caméra est installé. Sinon, vous devez le faire manuellement. WIN+X, puis sélectionnez Gestionnaire de périphériques ; 3. Dans la fenêtre Gestionnaire de périphériques, développez l'option de la caméra et le modèle du pilote de la caméra s'affichera.
WebSocket et JavaScript : technologies clés pour mettre en œuvre des systèmes de surveillance en temps réel
Dec 17, 2023 pm 05:30 PM
WebSocket et JavaScript : technologies clés pour réaliser des systèmes de surveillance en temps réel Introduction : Avec le développement rapide de la technologie Internet, les systèmes de surveillance en temps réel ont été largement utilisés dans divers domaines. L'une des technologies clés pour réaliser une surveillance en temps réel est la combinaison de WebSocket et de JavaScript. Cet article présentera l'application de WebSocket et JavaScript dans les systèmes de surveillance en temps réel, donnera des exemples de code et expliquera leurs principes de mise en œuvre en détail. 1. Technologie WebSocket
Solutions aux problèmes de caméra Win11 : quatre façons de réparer la caméra Win11 qui ne fonctionne pas
Jan 29, 2024 pm 12:03 PM
La caméra est un outil qui peut nous aider à mener des conversations vidéo lorsque nous utilisons des ordinateurs, mais de nombreux utilisateurs constatent que leurs caméras ne peuvent pas être utilisées lorsqu'elles utilisent le système win11. Alors, que se passe-t-il ? Les utilisateurs peuvent accéder à l'utilitaire de résolution des problèmes pour configurer ou vérifier les autorisations de la caméra pour fonctionner. Laissez ce site présenter soigneusement aux utilisateurs quatre solutions au problème de l'impossibilité d'utiliser la caméra Win11. Quatre solutions pour que la caméra Win11 ne fonctionne pas Solution 1. Utilisez l'utilitaire de résolution des problèmes intégré 1. Appuyez sur + pour ouvrir les paramètres, puis cliquez sur Dépannage dans l'onglet système. Windows I4, suivez les instructions à l'écran pour terminer le processus de dépannage et apporter les modifications recommandées. 5. Utiliser
Comment utiliser JavaScript et WebSocket pour mettre en œuvre un système de commande en ligne en temps réel
Dec 17, 2023 pm 12:09 PM
Introduction à l'utilisation de JavaScript et de WebSocket pour mettre en œuvre un système de commande en ligne en temps réel : avec la popularité d'Internet et les progrès de la technologie, de plus en plus de restaurants ont commencé à proposer des services de commande en ligne. Afin de mettre en œuvre un système de commande en ligne en temps réel, nous pouvons utiliser les technologies JavaScript et WebSocket. WebSocket est un protocole de communication full-duplex basé sur le protocole TCP, qui peut réaliser une communication bidirectionnelle en temps réel entre le client et le serveur. Dans le système de commande en ligne en temps réel, lorsque l'utilisateur sélectionne des plats et passe une commande
Comment ouvrir la caméra. Apprenez à ouvrir la caméra Win7.
Jan 11, 2024 pm 07:48 PM
Je pense que certains utilisateurs ont rencontré un tel problème. Le système Win7 ne peut pas trouver le raccourci de l'appareil photo. Ils ne peuvent appeler la fonction appareil photo qu'à partir du programme. Les personnes qui ne connaissent pas l'histoire intérieure pensent que le pilote de l'appareil photo n'est pas installé. Je le donnerai à ceux qui en ont besoin. Les utilisateurs de Win7 ont causé beaucoup de problèmes lors de l'utilisation de l'appareil photo. Ensuite, l'éditeur vous proposera un didacticiel sur la façon d'ouvrir la caméra Win7. Les utilisateurs qui utilisent des ordinateurs portables savent tous que les ordinateurs portables ont des fonctions de caméra intégrées. Contrairement aux ordinateurs de bureau qui doivent connecter la caméra, vous pouvez directement ouvrir la caméra dans le système win7 de l'ordinateur portable et l'utiliser, ce qui est très pratique. Cependant, certains utilisateurs n'essaient généralement pas de l'explorer et essaient de nombreuses méthodes mais échouent désormais. Désormais, l'éditeur vous dira comment ouvrir la caméra Win7.
Comment ajouter de la musique locale à la musique soda
Feb 23, 2024 pm 07:13 PM
Comment ajouter de la musique locale à Soda Music ? Vous pouvez ajouter votre musique locale préférée à l'application Soda Music, mais la plupart des amis ne savent pas comment ajouter de la musique locale. Voici ensuite le didacticiel graphique sur la façon d'ajouter de la musique locale à Soda Music. l'éditeur. , les utilisateurs intéressés viennent jeter un œil ! Tutoriel sur l'utilisation de la musique soda. Comment ajouter de la musique locale à la musique soda. 1. Ouvrez d'abord l'application soda music et cliquez sur la zone de fonction [Musique] en bas de la page principale. l'icône [trois points] dans le coin inférieur droit ; 3. Enfin, développez la barre de fonctions ci-dessous et sélectionnez le bouton [Télécharger] pour l'ajouter à la musique locale.
Comment ouvrir l'appareil photo et prendre des photos dans Win10
Jan 16, 2024 pm 10:06 PM
Si nous n'avons pas de téléphone portable à portée de main et que nous n'avons qu'un ordinateur, mais que nous avons besoin de prendre des photos, nous pouvons utiliser l'appareil photo fourni avec l'ordinateur pour prendre des photos. Alors, comment ouvrir l'appareil photo Win10 pour prendre des photos ? En fait, il suffit de télécharger une application appareil photo. Comment ouvrir l'appareil photo Win10 pour prendre des photos : 1. Tout d'abord, nous utilisons la touche de raccourci « Win+i » pour ouvrir les paramètres. 2. Après l'avoir ouvert, entrez les paramètres « Confidentialité ». 3. Activez ensuite l'autorisation d'accès sous les autorisations de l'application « Caméra ». 4. Après ouverture, il suffit d'ouvrir l'application « Appareil photo ». (Sinon, vous pouvez accéder au Microsoft Store pour en télécharger un.) 5. Après l'avoir ouvert, vous pouvez prendre des photos si l'ordinateur dispose d'un appareil photo intégré ou si un appareil photo externe est installé. (Nous ne pouvons pas faire de démonstration car nous n'avons pas de caméra installée)
