2011-02-14 3 views
3

HTML5 Canvas 및 Video로 작업하기 시작했습니다.이 문제가 계속 발생합니다. 데모 및 실험을 시도하지만 웹 서버에 업로드하지 않으면 볼 수 없습니다. 지금은 비교적 작은 파일로 작업하고 있기 때문에 큰 문제는 아닙니다. 실제로 더 큰 프로젝트를 준비하고 있는데,이 문제는 매우 불편할 것입니다. 그리고 나는 또한 나의 사실을 똑바로하고 싶습니다. 나는 둘 다, 내 자신이 만든 비디오와 데모에서 작업했습니다. 나는 이전에 인코딩 된 비디오로 작업했고, 코드로 사용하기 전에 잠깐 인코딩 한 비디오로 작업했습니다. 그것은 항상 같은 결과입니다. HTML5 비디오 컨테이너를 사용하면 Canvas 내부의 비디오를 사용하지 않습니다. 캔버스는 비디오를 표시하지 않습니다 (언급 한 것처럼 서버에 업로드하지 않는 한).HTML5 Canvas - origin-clean 플래그는 어떻게 false로 설정 되나요?

http://html5doctor.com/video-canvas-magic/

http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#security-with-canvas-elements

(와 W3에 대한 정보의 조금, 그러나 나는이 두 개 이상의 링크를 게시 할 수 없습니다 해요) :

이것은 내가 지금까지 발견 된 정보는

내가 아는 바로는 내 캔버스가 오염되어 있어야하고 내 파일이 '원본 깨끗함'으로 보이지 않지만이 모든 것이 내가 알아 낸 것입니다. 나는 왜 그런지 이해하지 못한다.

아무에게도이 문제에 대해 더 많이 알고 있으며 어떻게 작동하는지 설명 할 수 있습니까?

답변

2

http://에서로드 한 항목과 file:// URI에서로드 한 항목 사이에는 브라우저간에 엄격한 구분이 있습니다. 이것은 실제로 꽤 합리적입니다. 그렇지 않으면 웹에서로드 한 임의의 페이지가 하드 드라이브에서 파일을 읽을 수 있습니다. apply to file:// URIs themselves 몇 가지 추가 제한 사항이 있습니다. 다시 하드 드라이브를 무료로 실행하는 웹에서 다운로드 한 파일을 보내지 않도록하기위한 것입니다.

귀하의 HTML 파일과 비디오가 모두 하드 드라이브의 같은 디렉토리에 있으면 모든 조건이 충족되어야하므로 모든 것이 여전히 작동해야합니다.

여전히 문제가있는 경우 로컬 개발을위한 유용한 방법 중 하나는 간단한 웹 서버를 사용하는 것입니다. 개인적으로는 내 컴퓨터에 이미 설치 되었기 때문에 Python's SimpleHTTPServer을 사용하지만 다른 많은 것들이 있습니다. 웹 개발 프레임 워크 (예 : Ruby on Rails)가 내장되어 있습니다.

+0

감사합니다. 지난 1-2 개월 동안 여러 개의 데모를 만들었습니다. 흥미로운 점은 일부 비디오 데모는 업로드하지 않고도 작동한다는 것입니다. 대개의 경우 같은 비디오를 사용하고 있습니다. 때로는 다른 형식과 때로는 오래된 형식으로 새롭게 변환됩니다. 나는 아직도 브라우저가 그것을 받아들이는지, 왜 때때로 그렇지 않은지를 파악할 수 없다. 그러나 최종 프로젝트에이 문제가있는 경우 귀하의 조언을 따르도록하겠습니다. – chuls

+0

file : // URL의 경우 경로가 동일하지 않으면 원본이 항상 다른 것으로 간주됩니다. 모든 것이 같은 디렉토리에있는 로컬 일지라도. –

+0

"file : //의 경우 경로가 동일하지 않으면 원본은 항상 다른 것으로 간주됩니다." 그건 맞지 않아. 실제 규칙은 브라우저와 브라우저 버전에 따라 다릅니다. 최신 버전의 Firefox의 경우 https://developer.mozilla.org/En/Same-origin_policy_for_file%3a_URIs를 참조하십시오. –