js如何在摄像头放3d模型

JavaScript025

js如何在摄像头放3d模型,第1张

js在摄像头放3d模型步骤:

1、打开3DMax并导入一个模型。点击标识“摄像机”,在点击下面菜单栏里的“目标”;

2、将窗口切换到“顶视图”。用鼠标点击绘画栏空白的地方,并拖出“摄像机”。;

3、按“c”键,就会出来摄像机的视角,调整摄像头的角度。

主要是pc和手机的浏览器可以调用,亲测可用,但是微信扫二维码则不可以,微信的话应该还是要调微信接口

<!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('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>

可以调用,不过适合HTML5,浏览器版本也要高点,有些低版本的估计不支持 var promisifiedOldGUM = function(constraints) { // 第一个拿到getUserMedia,如果存在 var getUserMedia = (navigator.getUserMedia || navigator.webkitGetUserMedia