페이지에서 적절한 위치에 오디오 mp3 파일을 재생하는 단순한 미래 보장 역방향 호환 방법?

9

음악 mp3형식의 음악이 포함 된 사이트가 있지만 형식은 플래시 파일 ( xspfplayer )을 통해 재생됩니다 . 물론, 플래시가 없으면 이것은 쓸모가 없습니다.

사용자가 Flash를 사용하도록 강요하지 않고 mp3 오디오 스 니펫을 페이지에 포함 시키거나 mp3를 먼저 다운로드하거나 페이지를 완전히 떠나지 않도록하는 더 나은 미래 보장형 및 이전 버전과 호환되는 방법이 있습니까?

audio sound

— Artlung
소스

6

또 다른 해결책은 Sound Manager 라는 JavaScript 라이브러리를 사용하는 것 입니다. 기본적으로 보이지 않는 Flash 객체를 페이지에 포함하고이를 사용하여 오디오 파일 (MP3 포함)을 재생합니다. 최신 버전에는 사용 audio가능한 경우 HTML5 태그 를 사용하는 기능이 포함되어 있습니다.

그런 다음 플레이어를 HTML / CSS / JS로 작성하고 Sound Manager가 Flash 또는 audio태그를 사용 하여 오디오 파일을 재생 할지 여부를 알아낼 수 있습니다. 이렇게하면 플레이어가 IE6 및 iPhone / iPad에서 작동합니다.

— jay_soo
소스

SoundManager는 꽤 좋아 보입니다! 그리고 실제로 사용 된의 대답을 통합합니다 <audio>. Pro 웹 마스터에 오신 것을 환영합니다.

— artlung

8

최선의 방법은 지원하는 모든 브라우저 에서 Flash 플레이어를 계속 사용하고 HTML5 오디오 태그를 사용하는 것입니다. 결국 모든 브라우저가 HTML5를 지원하므로 플래시 오디오 플레이어를 종료 할 수 있습니다.

HTML5 오디오 태그와 http://html5doctor.com/native-audio-in-the-browser/ 사용 방법에 대한 훌륭한 문서가 있습니다 . 사용하기 매우 쉬운 것 같습니다.

Safari 4처럼 보이며 Chrome 3은 모두 태그와 mp3 형식을 지원합니다. Opera 및 FF 3.5는 WAV 형식을 지원합니다.

— 벤 호프만
소스

2

또한 Opera와 FF는 ogg vorbis를 지원하며 아마도 MP3보다 더 나은 내기입니다.

— luiscubal

@luiscubal-맞습니다. 언급하는 것을 잊었다면. 감사!

— 벤 호프만

1

jQuery가 당신의 것이면 jPlayer를 살펴보고 싶을 것이다. HTML5를 사용하지만 필요할 때 플래시로 넘어갑니다. happyworm.com/jquery/jplayer

— deizel

나는 실제로 "WAV보다 더 나은 내기"를 의미했지만 MP3에도 적용 할 수 있다고 생각합니다.

— luiscubal

1

이 솔루션이 귀하의 요구 사항과보다 정확하게 일치한다고 생각합니다.

MP3의 URL을 가리키는 M3U 재생 목록 파일을 작성하고 M3U를 서버에 업로드 한 다음 페이지에서 M3U 파일에 대한 링크를 작성하십시오.

방문자가 M3U 파일에 대한 링크를 클릭하면 (작은) M3U 파일이 다운로드되며 선택한 미디어 플레이어에서 파일을 열 수있는 옵션이 있습니다 (예 : 머신에 이미 설치된 모든 것-필요 없음) 플래시 용).

MP3가 열리면 스트리밍이 시작됩니다.

— Danlefree
소스

표준 파일 형식이지만 외부 플레이어에서 강제로 열리지 않는다고 생각합니까? 내 희망은 사용자를 내 페이지에 유지하고 기존 브라우저 리소스를 플레이어로 사용하는 것이 었습니다. 이것은 mp3에 연결하는 것과 같은 문제처럼 들립니다. 때로는 (종종?) 사용자를 브라우저에서 가져옵니다.

— artlung

사실, 조치가 다운로드되면 시스템에서 선호하는 응용 프로그램으로 M3U 파일을 여는 것이 사실입니다. 요구 사항을 잘못 해석하여 죄송합니다. 페이지를 떠나십시오. 귀하의 질문에 대한 대답은 최선의 방법으로 유지됩니다 (사이트의 사용자 통계가 달리 명시하지 않는 한, 사이트의 요구에 충분할 것이라고 확신합니다).

— danlefree