tomcat支持html5,HTML5相机不能在Tomcat7中工作

我有一个angular2项目&＃xff0c;我添加了一个html5相机访问。 我开始使用角度CLI(ng服务)我的angular2项目 这将以“ng服务”Web容器在测试开始。 当我访问摄像机时&＃xff0c;浏览器询问我是否要访问摄像机。 允许浏览器访问摄像机后一切正常。HTML5相机不能在Tomcat7中工作

private showCam() {

this.showCamScreen &＃61; true;

// 1. Casting necessary because TypeScript doesn&＃39;t

// know object Type &＃39;navigator&＃39;;

const nav &＃61; navigator;

// 2. Adjust for all browsers

nav.getUserMedia &＃61; nav.getUserMedia || nav.mozGetUserMedia || nav.webkitGetUserMedia;

// 3. Trigger lifecycle tick (ugly, but works - see (better) Promise example below)

setTimeout(() &＃61;> { }, 100);

// 4. Get stream from webcam

nav.getUserMedia(

{ video: { width: 1280, height: 720 } },

(stream) &＃61;> {

const webcamUrl &＃61; URL.createObjectURL(stream);

// 4a. Tell Angular the stream comes from a trusted source

this.videosrc &＃61; this.sanitizer.bypassSecurityTrustUrl(webcamUrl);

// 4b. Start video element to stream automatically from webcam.

this.element.nativeElement.querySelector(&＃39;video&＃39;).autoplay &＃61; true;

},

(err) &＃61;> console.log(err));

// OR: other method, see http://stackoverflow.com/questions/32645724/angular2-cant-set-video-src-from-navigator-getusermedia for credits

const promise &＃61; new Promise((resolve, reject) &＃61;> {

nav.getUserMedia({ video: true }, (stream) &＃61;> {

resolve(stream);

}, (err) &＃61;> reject(err));

}).then((stream) &＃61;> {

const webcamUrl &＃61; URL.createObjectURL(stream);

this.videosrc &＃61; this.sanitizer.bypassSecurityTrustResourceUrl(webcamUrl);

// for example: type logic here to send stream to your server and (re)distribute to

// other connected clients.

}).catch((error) &＃61;> {

console.log(error);

});

}

如果我的代码复制到我们使用的是Tomcat7 Web容器的目标enviorment&＃xff0c;web浏览器是不是问我访问摄像机&＃xff1f;在那里我用“t00-lhoist01&＃xff1a;8083/GF”访问应用程序。为什么相机不能在tomcat上工作&＃xff0c;但如果我使用的是AngularCLI容器&＃xff0c;它工作正常吗&＃xff1f;

任何人都可以帮助我们解决这个问题吗&＃xff1f;我错过了什么吗&＃xff1f;

2017-10-10

M. Fish

&＃43;0

此代码将在浏览器中运行&＃xff0c;所以我不认为我应该受到你用来提供文件的服务器的影响。尝试查看在tomcat容器中运行时您在浏览器中获得的代码 –

&＃43;0

您没错&＃xff0c;我找到了解决方案 –