头闻号

广州市白云区三元里尚魅蜜语化妆品商行

粉底|眼影|面膜|护肤膏霜|防晒油|护手霜

首页 > 新闻中心 > 科技常识:h5调用摄像头的实现方法
科技常识:h5调用摄像头的实现方法
发布时间:2024-12-25 10:55:39        浏览次数:8        返回列表

今天小编跟大家讲解下有关h5调用摄像头的实现方法 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关h5调用摄像头的实现方法 的相关资料,希望小伙伴们看了有所帮助。

XML/HTML Code复制内容到剪贴板 <!DOCTYPEhtml> <htmllang="zh-CN"> <head> <metacharset="UTF-8"> <title>GetUserMedia实例</title> </head> <body> <videoid="video"autoplay><ideo> </body> <scripttype="text/javascript"> vargetUserMedia=(navigator.getUserMedia||navigator.webkitGetUserMedia||navigator.mozGetUserMedia||navigator.msGetUserMedia); getUserMedia.call(navigator,{ video:true, audio:true },function(localMediaStream){ varvideo=document.getElementById('video'); 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('Reeeejected!',e); }); </script> <html>

以上这篇h5调用摄像头的实现方法就是小编分享给大家的全部内容了 希望能给大家一个参考 也希望大家多多支持爱蒂网。

来源:爱蒂网