2013-02-15 3 views
0

좋아, 오디오가 재생되는 동안 비디오가 표시되는 것 외에 (단지 비디오, 컨트롤 없음) html5 오디오가 포함 된 하나의 프로젝트에서 작업하고 있습니다. 비디오는 어도비 효과로 미리 만들어진 오디오의 시각화 (이퀄라이저라고도 함)입니다. 두 파일 (비디오 및 오디오)은 동일한 길이입니다. 3 분 20 초. 비디오를 오디오보다 느리게로드 할 수도 있고 반대로 비디오를로드하는 방법도 있습니다. 따라서 인터넷 연결 속도가 느린 컴퓨터에서 비디오가 어떤 시점에서 로딩을 멈추고 버퍼링을 시작하면 오디오를 일시 중지해야하며 비디오가 다시 시작될 때 정확히 같은 시간에 오디오가 재생되도록하고 사용자가 노래의 특정 비트, 비디오도 그 비트로 건너 뛰어야합니다. 비디오 용 플레이어를 만든 맞춤 api를 사용하여 사운드 클라우드 플레이어에서만 비디오에 대한 컨트롤이 없도록합니다. 마치 사운드 클라우드 사용자 지정 플레이어를 사용하여 비디오를 제어하는 ​​것처럼 보입니다. 나는이 곳 어디에서나 어떤 자원을 찾기 위해 고심하고 있으며, 실제로이 기능을 성취하는 방법을 알고 싶다. 자바 스크립트 또는 jQuery 솔루션이 바람직합니다.SoundCloud 오디오와 Vimeo/Youtube 비디오를 동기화하여 동기화

그것은 훨씬 더 복잡하다 만드는 무엇이 나는 노래 재생 사운드 클라우드의 사용자 정의 플레이어를 사용하는 것이 : http://developers.soundcloud.com/docs/custom-player#

을 그리고 여기

+0

비디오 파일에 오디오를 추가 할 수없고 Soundcloud 플레이어와의 동기화에 대해 걱정할 필요가없는 이유가 있습니까? – Giles

+0

몇 가지, 먼저 느린 인터넷에있는 경우 오디오를 듣고 비디오를로드하지 않고 음악을 업로드하는 것과 관련된 저작권 문제, 음악을 스트리밍하는 데 사운드 클라우드를 사용하고 내 맞춤 비디오를 표시하는 옵션을 사용자에게 제공해야합니다. 아무 소리도, 그것은 문제가되지 않습니다. – Ilja

+0

핑크 플로이드의 달의 어두운면을 사용하십시오. (: 분명히 그것은 아무것도와 동기화 :) – technosaurus

답변

2

확인 (모든 웹 사이트에 부하를 감소 완료) 비 메오/YouTube에 동영상을 업로드 : http://html5demos.com/two-videos

샘플은 2 개의 비디오를 동기화하는 데 사용되지만 일부 해킹으로 인해 오디오와 비디오를 동기화 할 수 있습니다.

둘째, 사용자 지정 플레이어를 사용하지 말고 직접 HTML5 Audio 요소를 만들고 SoundCloud API에 soundcloud의 모든 스트리밍 트랙에 대한 속성 stream_url이 있는지 확인하고 html5 오디오 태그에 원본 URL을 넣으면됩니다.

Firefox와 Opera에서는 당분간 작동하지 않습니다. Firefox는 오페라에 대해 확실하지 않은 v20의 기본 mp3 지원을 통합합니다.

관련 문제