2013-07-16 6 views
22

예제가 작동하려면 this을 얻으려고합니다. 링크를 클릭하면 제대로 작동합니다. 그러나 로컬 컴퓨터에서 HTML 파일을 다운로드하려고 시도 할 때이 오류가 발생합니다.MediaSource 개체를 HTML5 비디오 태그의 소스로 연결하는 동안 "로컬 리소스를로드 할 수 없습니다."오류가 발생합니다.

로컬 리소스를로드 할 수 없습니다 : BLOB : 널 (null)/6771f68d-c4b8-49a1-8352-f2c277ddfbd4

문제가 이것입니다 야기 된 것으로 판단 될 코드의 라인을

video.src = window.URL.createObjectURL(mediaSource);

이 코드 라인은 기본적으로 비디오 태그 미디어 요소의 소스를 MediaSource 객체로 설정하려고합니다. 나는 많은 행운없이 다양한 순열을 시도했다.

최신 안정 버전 인 Chrome 버전 28.0.1500.72 m을 사용하고 있습니다.

나는 모든 조언을 고맙게 생각합니다.

+14

http : not file에서 실행하십시오. ... – dandavis

+0

그게 효과가 있습니다! 방금 ​​파일을 http 서버에 이식했는데 제대로 작동했습니다. 이상한 브라우저 문제인 것처럼 보입니다. @dandavis 감사합니다! – Mathew

+0

@dandavis 당신은 대답으로 그것을 넣어야합니다, 나는 당신이 간단히 말했듯이 그것을 upvote 것입니다. –

답변

28

@dandavis는 "http : not file에서 실행하십시오."라고 말했습니다.

나는 조직을 위해 aswer로 이것을 올리겠다. 우선를 들어

: // localhost를 : 을 실행하면 HTTP (예 : 아파치 또는 간단한 노드 http-server 등) HTTP 서버를 갖는HTTP를 통해 프로젝트를 실행하는 의미에서 전망이다.

+0

어떻게해야합니까? 내 예를 들어 미디어 스트림을 녹화하고 동일한 인스턴스의 비디오 태그로 설정하려고합니다. –

+1

@VictorFerreira 내가 늦었지만 http에서 실행하는 것은 http 서버 (예 : 아파치 또는 간단한 노드 http-server)를 사용하고 ** http ** : // localhost를 통해 프로젝트를 실행하는 것을 의미합니다. 이것은 "http not file에서 실행 중"의 의미입니다. 문제는 파일 html 파일을 http (:)를 통해 열지 않고 직접 여는 것입니다. –

0

설치 HTTP 서버 세계적으로 NPM 명령을 (제공 사전에 시스템의 Node.js를를 설치 한)를 사용. CMD에서 파일 폴더로 이동하여 http-server을 입력하십시오. 앱은 로컬 호스트 : 8080에서 실행되어야합니다.