9 뛰어난 HTML5 음악 플레이어 추천

출처: 인터넷
작성자: 사용자
키워드: 음악 플레이어 HTML5

과거에는, 웹 페이지에 오디오 재생 일반적으로 제 3 자 플러그인, 플래시, 퀵타임, Silverlight, 등을 통해 연주 하지만 기본적으로 아무 유니폼 오디오 재생 표준. 그리고 HTML5 오디오 요소를 웹 페이지에 오디오를 포함 하는 표준 방법을 제공 하는, 9 HTML5 오디오 플레이어를 권장 하는 다음은 개발, 오디오 요소에 따라 수 있어야 사용자가 웹 페이지를 쉽게 임베디드 오디오에.

Jplayer

Jplayer는 무료 오픈 소스 HTML5 오디오 및 비디오 재생 플러그인, jquery 기반 이며 API는 간단 하 고 사용자 정의 스킨을 지원 합니다.

→ 웹 사이트 주소: http://jplayer.org/

미디어 요소

MediaElement는 플레이어입니다 순수 HTML5와 CSS를 사용 하 여 작성 된 오디오 및 비디오 재생을 지원할 수 있지만 오래 된 브라우저에서 플래시 또는 Silverlight 재생을 저하 될 수 있습니다. 미디어 요소에는 주류 플랫폼 플러그인, 워드 프레스, Drupal, Joomla 등 제공을 위한 피부 사용자 지정할 수 있습니다.

→ 웹 사이트 주소: http://mediaelementjs.com/

스콧 앤드류의 HTML5 오디오 플레이어

HTML5 오디오 플레이어는 매우 간결 하 고, 스콧 앤드류에 의해 개발 하 고 재생 목록 또는 멋진 효과 필요 하지 않습니다, 당신은 그것을 선택할 수 있습니다.

→ 웹 사이트 주소: http://www.scottandrew.com/pub/html5audioplayer/

Speakker

Speakker는 내 좋아하는 오디오 플레이어, 강력 하 고 사용 하기 쉬운. 이 플레이어 재생 목록, 음성 제어, 재생 제어 및 다른 많은 기능, 크기, 색상, 버튼 텍스트와 사용자 지정 하려면 기타 옵션을 지 원하는 있다. 모든 현대적인 브라우저를 지원 하 고 자동으로 오래 된 브라우저에서 플래시 재생을 저하.

→ 웹 사이트 주소: http://www.speakker.com/

MooTools HTML5 오디오 플레이어

HTML5 오디오 플레이어를 Mootools 틀에 따라 귀하의 사이트 Mootools 프레임 워크를 사용 하는 경우, 나는이 선수를 같은 것입니다 생각 한다.

→ 웹 사이트 주소: http://simulacre.org/mootools-html5-audio-player/

보편적인 HTML5 오디오 플레이어

플레이어 지불, 목록에서 유일한 것 이며, 물론 그것은 사용자 정의 재생 제어 버튼 그림, IOS, 안 드 로이드, 그리고 데스크톱 브라우저와 호환을 지 원하는 완전 한 기능.

→ 웹 사이트 주소: http://codecanyon.net/item/universal-html5-audio-player

Soundmanager 2

간단한 자바 스크립트 API를 호출 하 여 Soundmanager 2 플래시와 아름 답게 데모: http://wheelsofsteel.net/in 오래 된 브라우저를 자동으로 저하는 신뢰할 수 있는 플랫폼 오디오 재생 계획을 제공 합니다.

→ 웹 사이트 주소: http://www.schillmania.com/projects/soundmanager2/

Audio.js

Audio.js는 경량 자바 스크립트 라이브러리를 사용 하면 쉽게 귀하의 웹 페이지에 오디오를 포함, 기본 태그를 사용 하 여 현대적인 브라우저에서 오디오를 재생 하 고 오래 된 브라우저는 플래시 태그, 시뮬레이션을 사용 하 여 모든 브라우저 CSS 통해 스킨을 정의 하는 통합된 UI 인터페이스를 사용 하 여.

→ 웹 사이트 주소: http://kolber.github.com/audiojs/

HTML5 오디오 플레이어 북마크

이 특별 한 플레이어 웹 페이지에 오디오 파일을 재생 하는 책갈피, 페이지에 연결 된 모든 다운로드 가능한 오디오 파일에 사용할 수 있습니다.

→ 웹 사이트 주소: http://marklets.com/HTML5+Audio+Player.aspx

관련 문서

연락처

이 페이지의 내용은 인터넷에서 가져온 것이므로 Alibaba Cloud의 공식 의견이 아닙니다.이 페이지에서 언급 된 제품 및 서비스는 Alibaba Cloud와는 관련이 없으므로이 페이지의 내용이 골칫거리 인 경우 저희에게 알려주십시오. 우리는 5 일 근무일 이내에 이메일을 처리 할 것입니다.

커뮤니티에서 표절 사례를 발견한 경우 info-contact@alibabacloud.com 으로 관련 증거를 첨부하여 이메일을 보내주시기 바랍니다. 당사 직원이 영업일 기준 5일 내에 연락 드리도록 하겠습니다.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.