当前位置: 首页 > 知识库问答 >
问题:

Android浏览器中的相机方向

孙俊彦
2023-03-14

我试图在用户拍照时检测相机方向,以便在画布上绘制时进行调整。问题是我不能使用设备方向,因为即使方向锁定打开,我也需要它才能工作。

摄像机设置

// Get access to the camera!
if(navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {
    // Not adding `{ audio: true }` since we only want video now
    navigator.mediaDevices.getUserMedia({ video: true }).then(function(stream) {
        video.src = window.URL.createObjectURL(stream);
        video.play();
    });
}

视频流快照

// Elements for taking the snapshot
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');

// Trigger photo take
document.getElementById("snap").addEventListener("click", function() {
    context.drawImage(video, 0, 0, 640, 480);
});

来自David Walsh的参考代码 - 浏览器摄像头

共有1个答案

耿建弼
2023-03-14

您是否尝试在照片拍摄后将其可视化?如果是,您是否尝试过使用附加在照片上的相机方向信息而不是在拍照时获取它?

请参考此链接: Android : 如何在设置图像视图时检测从图库中选择的图像方向(纵向或横向)?

如果您在拍照时需要设备方向,您可以检查如何检测android设备的方向?或https://developer.android.com/guide/topics/sensors/sensors_position.

请提供您的代码,以便更好地帮助您。

 类似资料:
  • 我使用相机仅显示预览(不拍照或录制视频)。 该应用程序始终处于竖屏状态(横向模式被禁用)。相机预览始终旋转90度ccw,我无法更改它(无论是还是和。 预览总是这样旋转还是依赖于设备?如果在纵向模式下总是这样,我可以在之后旋转图像。 或者有没有办法正确设置摄像头?我读了很多关于这个的帖子,但没有一个答案对我有用(Galaxy s2,Android v2.3)

  • 本文向大家介绍js判断手机浏览器操作系统和微信浏览器的方法,包括了js判断手机浏览器操作系统和微信浏览器的方法的使用技巧和注意事项,需要的朋友参考一下 今天就为大家介绍一下用js判断手机客户端平台及系统平台的方法: 注意上面的代码使用了jquery。需要加载jquery才可以运行。当然你可以把触发函数给删除了 在这里就不做pc端操作系统平台的判断了,怎么判断也说下方法,如用document.wri

  • 我一直在努力在Android上制作我的自定义相机活动,但当旋转相机时,表面视图的纵横比会变得混乱。 在我的oncreate for the activity中,我设置了framelayout,它保存了显示相机参数的曲面视图。 然后,在曲面视图中,我设置要显示的相机参数 您可以看到,当手机旋转时,乐高男会变得更高、更瘦: 如何确保相机视图的纵横比正确?

  • 我创建了一个相机应用程序,我希望我的应用程序在所有4种可能的方向上打开,并相应地更新相机预览。为此,我使用了以下我复制的方法:Android-相机预览是横向的 我已经测试了这些值,并在三星galaxy tab2上进行了测试,最终获得了正确的方向,一切正常。当我在htc one的手机上试用时,它根本不起作用!!!!!所有的e方向都是完全错误的!所以我得出结论,thre必须是2种类型的设备(或更多…请

  • 问题内容: 我知道在iPhone上的Safari中,您可以通过侦听事件并查询角度来检测屏幕的方向和方向变化。 Android手机上的浏览器有可能吗? 明确地说,我想问的是,运行在标准网页上的JavaScript是否可以检测到Android设备的旋转。可以在iPhone上使用,我想知道是否可以在Android手机上完成。 问题答案: 要检测Android浏览器上的方向变化,请将侦听器附加到上的或事件

  • 我有一个html页面,在一个android应用程序中使用。从这个页面,我需要张贴数据到服务器和响应是一个附件,需要下载。我为此目的使用了隐藏的iframe黑客。但不幸的是它的失败。谁能解释一下根本原因吗?