混合开发知识点——原生javascript调用手机摄像头

最新推荐文章于 2023-11-22 14:00:29 发布

ThreadLocalForrest

最新推荐文章于 2023-11-22 14:00:29 发布

阅读量925

点赞数

分类专栏： html5 js

本文链接：https://blog.csdn.net/weixin_42081936/article/details/108116437

版权

html5 同时被 2 个专栏收录

2 篇文章 0 订阅

订阅专栏

2 篇文章 0 订阅

订阅专栏

混合开发知识点——原生javascript调用手机摄像头

1，实现方式

1.1，移动客户端代码：

mWebView.loadUrl("file:///android_asset/webcamera.html");

1.2，html5端代码：

<!DOCTYPE html>
<html lang="zh-CN">
<head>
 <meta charset="UTF-8">
 <title>GetUserCamera</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>

ThreadLocalForrest

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
混合开发知识点——原生javascript调用手机摄像头

混合开发知识点——原生javascript调用手机摄像头1，实现方式1.1，移动客户端代码：mWebView.loadUrl("file:///android_asset/webcamera.html");1.2，html5端代码：<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>GetUserCamera<...
复制链接

扫一扫