2010-05-25 6 views
0

페이지의 btottom에 앉아있는 작은 JavaScript 뮤직 플레이어를 만들고 있는데, 많이는 streampad입니다. 그러나 streampad는 노래와 자바 스크립트에 대해 플래시 진행률 막대를 사용하며 다른 모든 작업에 JavaScript를 사용합니다. JavaScript만으로이 작업을 수행하는 사람을 찾는 데 어려움을 겪고 있습니다. 누구든지 이것이 (HTML5를 사용하지 않고) 할 수있는 방법에 대한 올바른 방향으로 나를 가리킬 수 있습니까?자바 스크립트 뮤직 플레이어 진행률 표시 줄이 있습니까?

답변

6

HTML 태그 (오디오 태그)를 사용하지 않고 Javascript만으로이 작업을 수행 할 방법이 없습니다.

SoundManager 2에는 숨겨진 플래시 구성 요소가 있으며 UI는 완전히 JS입니다. seekbar 또는 원하는 것을 구현하는 것은 개발자의 몫이지만 예제 코드가 많이 있습니다. SM2는 꽤 대중적으로 보입니다. 수많은 대형 사이트에서 사용됩니다 (Soundcloud, Last.fm, Muxtape).

+0

사운드 관리자는 훌륭합니다, 감사합니다. – pfunc

0

HTML 5 또는 플래시가 없으면이를 수행 할 수 없습니다.

그러나 외부 인터페이스를 사용하여 숨겨진 플래시 플레이어를 만들고 javascript로 제어 할 수 있습니다.

0

은 어쩌면 당신은 HTML5와 자바 스크립트를 사용하여 진행률 표시 줄을 구현하는 라이브러리를 사용할 수 있습니다, RGraph를 참조하십시오 http://www.rgraph.net/examples/progress.html

+0

나는 이것에 대해 생각했지만 백업이 필요하므로 html5와 플래시를해야 할 수도 있습니다. 그거 짜증나네. – pfunc

1

을 난 당신이 theese 보면 유용한 찾을 수 있습니다 생각 :

Monitoring Loading Progress of SWFs

http://code.google.com/p/swfsound/

SWFSound는 SWFObject를 기반으로하며 은 크로스 플랫폼, 크로스 브라우저 허용 HTML/JavaScript에 대한 소리 지원 Flash Player 8 이상을 사용하십시오.

http://code.google.com/p/swfobject/

SWFObject 한 작은 자바 스크립트를 그냥 몇 가지 예를

파일 사용 플래시 콘텐츠를 포함하는 사용하기 쉽고 기준 친화적 인 방법입니다

http://www.happyworm.com/jquery/jplayer/

http://www.bauer.uh.edu/parks/video3.htm

+0

감사합니다. 플러그인을 사용하지 않고 사용자 지정 작업을 수행하는 것을 선호하지만,이 방법은 여전히 ​​멋집니다. – pfunc

+0

Jplayer는 꽤 깔끔하게 보이고 플래시로 대체 된 html5를 사용합니다. – Ycros

관련 문제