gpt4 book ai didi

javascript - HTML5 相机在 Tomcat7 中无法工作

转载 作者:行者123 更新时间:2023-12-03 03:18:49 31 4
gpt4 key购买 nike

我有一个 angular2 项目,我在其中添加了 html5 相机访问权限。我使用 Angular CLI (ngserve) 启动我的 angular2 项目这将从测试时的“ng 服务”Web 容器开始。当我访问相机时,浏览器询问我是否要访问相机。允许浏览器访问相机后一切正常。

private showCam() {
this.showCamScreen = true;
// 1. Casting necessary because TypeScript doesn't
// know object Type 'navigator';
const nav = <any>navigator;

// 2. Adjust for all browsers
nav.getUserMedia = nav.getUserMedia || nav.mozGetUserMedia || nav.webkitGetUserMedia;

// 3. Trigger lifecycle tick (ugly, but works - see (better) Promise example below)
setTimeout(() => { }, 100);

// 4. Get stream from webcam
nav.getUserMedia(
{ video: { width: 1280, height: 720 } },
(stream) => {
const webcamUrl = URL.createObjectURL(stream);

// 4a. Tell Angular the stream comes from a trusted source
this.videosrc = this.sanitizer.bypassSecurityTrustUrl(webcamUrl);

// 4b. Start video element to stream automatically from webcam.
this.element.nativeElement.querySelector('video').autoplay = true;
},
(err) => console.log(err));


// OR: other method, see http://stackoverflow.com/questions/32645724/angular2-cant-set-video-src-from-navigator-getusermedia for credits
const promise = new Promise<string>((resolve, reject) => {
nav.getUserMedia({ video: true }, (stream) => {
resolve(stream);
}, (err) => reject(err));
}).then((stream) => {
const webcamUrl = URL.createObjectURL(stream);
this.videosrc = this.sanitizer.bypassSecurityTrustResourceUrl(webcamUrl);
// for example: type logic here to send stream to your server and (re)distribute to
// other connected clients.
}).catch((error) => {
console.log(error);
});
}

如果我将代码复制到我们使用 Tomcat7 WebContainer 的目标环境,网络浏览器不会要求我访问摄像头?我在那里通过“t00-lhoist01:8083/GF”访问该应用程序。为什么摄像头在 tomcat 上无法工作,但如果我使用 AngularCLI 容器,它就可以正常工作?

有人可以帮助我们解决这个问题吗?我错过了什么吗?

最佳答案

我找到了解决方案。问题是,如果不是 https 连接,chrome 不会要求访问相机。如果您使用本地主机执行此操作,则浏览器将要求访问相机,即使它不是 https 连接。

请记住,IE、Chrome 或 Firefox 的行为有所不同。

例如,Firefox 会要求通过 http 连接访问摄像头,但您无法保存您的决定。

问候

关于javascript - HTML5 相机在 Tomcat7 中无法工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46660124/

31 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com