2016-07-23 2 views
1

を使用しながら、404エラーを得た私はindex.htmlにしてapp.jsを持っている - index.htmlをはgetUserMedia()API

私が開いたときに実行さ
<!DOCTYPE html> 
<html> 
<head> 
    <title>Realtime communication with WebRTC</title> 
    <link rel="stylesheet" href="css/main.css" /> 
</head> 
<body> 
    <h1>Realtime communication with WebRTC</h1> 
    <video autoplay></video> 
    <script src="js/main.js"></script> 
</body> 
</html> 

app.js =>

'use strict'; 
navigator.getUserMedia = navigator.getUserMedia || 
    navigator.webkitGetUserMedia || navigator.mozGetUserMedia; 
var constraints = { 
    audio: false, 
    video: true 
}; 
var video = document.querySelector('video'); 

function successCallback(stream) { 
    window.stream = stream; // stream available to console 
    if (window.URL) { 
    video.src = window.URL.createObjectURL(stream); 
    } else { 
    video.src = stream; 
    } 
} 
function errorCallback(error) { 
    console.log('navigator.getUserMedia error: ', error); 
} 
navigator.getUserMedia(constraints, successCallback, errorCallback); 

index.html エラーが発生しました。 :8888/getUserMedia/[object%20MediaStream]:1 GET http://localhost:8888/getUserMedia/[object%20MediaStream] getUserMediaは関数ではありません。

また、私はApacheサーバーで試しました。しかし、同じエラーが発生しました。

+0

愚かなことをしましたか?私のコードはすべてうまく機能し、正しく動作しています。私は別のjsファイルを追加しました。 申し訳ありません –

答えて

3

adapter.jsを含み、セット video.srcObject = stream; 他のすべては推奨されません。

+0

回避策はありますか? – efkan

関連する問題