简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Rumah > hujung hadapan web > Tutorial H5 > teks badan

HTML5调用摄像头的示例代码分享

黄舟
Lepaskan： 2017-03-20 15:39:21
asal
2820 orang telah melayarinya

下面小编就为大家带来一篇h5调用摄像头的实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>GetUserMedia实例</title>
</head>
<body>
<video id="video" autoplay><ideo>
</body>
<script type="text/javascript">
var getUserMedia = (navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia);   
getUserMedia.call(navigator, {   
video: true,   
audio: true   
}, function(localMediaStream) {   
var video = document.getElementById(&#39;video&#39;);   
video.src = window.URL.createObjectURL(localMediaStream);   
video.onloadedmetadata = function(e) {   
console.log("Label: " + localMediaStream.label);   
console.log("AudioTracks" , localMediaStream.getAudioTracks());   
console.log("VideoTracks" , localMediaStream.getVideoTracks());   
};   
}, function(e) {   
console.log(&#39;Reeeejected!&#39;, e);   
});   
</script>
<html>
Salin selepas log masuk

Atas ialah kandungan terperinci HTML5调用摄像头的示例代码分享. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：
HTML5，摄像头
sumber：php.cn
Artikel sebelumnya：关于老式浏览器兼容HTML5和CSS3的问题详解 Artikel seterusnya：实现HTML5拖拽的示例代码
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
FastAPI dan OpenCV: Memperkasakan aplikasi penstriman video yang canggih Saya cuba memaparkan halaman HTML yang memaparkan aliran video daripada kamera web. Walau ...
daripada 2023-10-26 19:57:54
0
1
327
Menghantar data menggunakan React Dalam kod di bawah "CameraPage.tsx", logik dibuat untuk mencari imej kamera Ia h...
daripada 2023-09-14 20:43:08
0
1
245
Letakkan penanda interaktif pada imej menggunakan React tolong bantu. Saya mempunyai imej seperti di bawah yang dipaparkan di halaman utama (imej ...
daripada 2023-09-08 21:25:41
0
1
379
Bagaimana untuk merakam skrin dan video secara serentak dalam tindak balas? Saya mahu menggunakan perakam-media bertindak balas untuk merakam skrin bersama-sama denga...
daripada 2023-09-07 21:05:52
0
1
293
Alih keluar slash penutup '/' daripada teg imej dalam XHTML Saya mempunyai txt1 rentetan yang menyimpan imej. Nilainya dalam format XHTML, iaitu eleme...
daripada 2023-09-06 12:15:38
0
1
240
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！