SoundCloud는 어떻게 했습니까?

Question

UI는 순수한 HTML, CSS 및 JS이므로 어떻게 오디오를 재생할 수 있습니까?
숨겨진 플래시 플레이어가 관련 되었습니까?

Answer 1

자신의 데모 동영상의 소스 코드는 다음과 같습니다

<object width="400" height="250"><param name="allowfullscreen" value="true" /> 
<param name="allowscriptaccess" value="always" /> 
<param name="movie" value="http://vimeo.com/moogaloop.swf? 
    clip_id=1857085&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp; 
    show_portrait=0&amp;color=&amp;fullscreen=1" /> 
<embed src="http://vimeo.com/moogaloop.swf?clip_id=1857085&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="400" height="250"></embed></object><p><a href="http://vimeo.com/1857085">SoundCloud: The Tour</a> from <a href="http://vimeo.com/soundcloud">SoundCloud</a> on <a href="http://vimeo.com">Vimeo</a>.</p> 

ㅋ ㅋ ㅋ ㅋ ㅋ ㅋ합니다. .swf 확장자는 공짜입니다. 그것은 어도비 플래시. 그것은 일종의-의 'lightbox' 같은 스크립트를 사용하고

Answer 2

, 데모는 아래의 링크를 체크 아웃 : http://videobox-lb.sourceforge.net/

Answer 3

그렇진 사람은, 자신의 오디오 플레이어는 참으로 순수 HTML과 정말 아주 똑똑하다. 그들은 오디오 파일이 업로드 될 때 파형 이미지 서버 측을 생성하고, 표준 HTML 위젯을 사용하여 플레이어를 구성하고 AJAX 호출을 사용하여 재생 헤드를 이동하고 오디오가 버퍼링되면서 파형을 어둡게 만듭니다. 여기

당신은 ... .. 당신이 불을 지르고이 보면 당신은 폭 속성은 끊임없이이 재생 앞으로 이동하는 변화가 나타납니다,

<div class="playhead" style="width: 32.75630235388422%;"></div> 

알렉스 예를 볼 수 있습니다

Answer 4

분명히 Javascript 컨트롤이있는 플래시 플레이어 인 Sound Manager 2를 사용합니다.

http://www.schillmania.com/projects/soundmanager2/

Answer 5

이 어둡게 참조하십시오 실제로 자동 및 soundmanager2