WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
HTML5 / Media

ZoomSounds - neat HTML5 Audio Player

— 추가 기능 WorldWideScripts.net 에

@ko1wws최신 상태로 유지 하기 위해 우리의 피드를 구독!

새로운! 당신이 그것을 원하는대로 우리를 따르라!


ZoomSounds - neat HTML5 Audio Player - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

오디오 플레이어 소개

귀하의 사이트에 대한 멋진, 최첨단, 망막 준비, 반응 HTML5 오디오 플레이어를 원하십니까? ZoomSounds 완벽한 후보입니다. 세 가지 스킨은 모든 브랜드에 맞게으로, 하나의 형식은 ZoomSounds를 작동하는 데 필요한

뉴 - 재생 목록으로

뉴 - WP 버전

오디오 플레이어 기능

  • HTML5 기술 -이 갤러리는 당신의 고객에게 경험을하기 전에 본 적이 제공하는 최신 HTML5의 tehniques를 사용
  • 완전 반응 - 모바일에서 HD에 큰 보인다
  • 플래시 백업 - IE7과 IE8은 HTML5를 지원하지 않지만, 그 사용자가 잊혀지되지 않고, 소리는 플래시 플레이어를 통해 너무 그들을 위해 재생됩니다
  • 하나의 필수 포맷 - 하드 부분은 쉽게 경험 편집을 가지고 사용자의 순서를 플레이어 스크립트에 의해 이루어집니다 - 만 mp3 파일이 필요합니다
  • 최적화 된 터치 - 터치 디바이스는 잊지 않고있다
  • 모든 필요를위한 - 오 스킨
  • 세 스킨 - 모든 브랜드에 맞게 세 전체 스킨
  • CSS3 기술 -이 선수는 최첨단 CSS3 정의를 사용
  • 워드 프로세서를 읽고 구매를 우편을 다운로드 - 쉬운 설치
  • 아이폰 / 아이 패드 최적화 -이 갤러리는 애플의 터치 기기에 최적화 된
  • 안드로이드에 최적화 -이 구성 요소는 안드로이드 4.0에서 테스트하고 멋진 작동되었습니다
  • 이 구성 요소의 CSS는 SASS 사용자가 쉽게 시간 스킨을 수정을 의미 SASS의 상단에 내장 된 - 개발자 / SASS는 전원. 비 SASS 사용자의 경우이 제공된다 (SASS에 의해 생성 된) 문제 하나 때문에 CSS 파일이 없습니다
  • YouTube에서 재생 - 유튜브 오디오 스트림
  • 사운드 클라우드에서 재생 - API 키와 사운드 클라우드 오디오 스트림
  • 100 % CSS를 skinable은 - 스킨에 약간의 수정을 만들고 싶어? 스킨은 CSS에서 100 % 내장되어 있으며 CSS를 지식으로 편집하는 것은 매우 쉽다
  • 친절한 SEO - 처음부터 마음에 검색 엔진 최적화와 내장은 후기 회전 장치가 아닌 위젯을 구축 유효한 HTML 마크 업을 숨겨 사용합니다
  • 호환 IE7에서 IE10, 크롬, 사파리와 파이어 폭스 - IE를 포함한 모든 주요 브라우저와 호환

모바일에 최적화 된

너무 때문에 휴대폰에 부드러운
하드웨어 가속. 안드로이드 4.4 이상 크롬
및 iOS 슈퍼 부드러운을 제공 testedto
경험

동영상보기

오디오 플레이어 업데이트

UPDATE 2.01 [2015년 9월 7일]
  • [FIX] 다양한 수정
UPDATE 2.00 [2015년 1월 20일]
  • [ADD] 피부 아리아 추가
  • [ADD] 메뉴 이동에 옵션을 enable_easing 추가
  • [ADD] 플레이 구글 분석 이벤트를 추가
  • 플레이어 (+ API 호출)에 노래를 변경하는 옵션을 [ADD]
  • [ADD] 갤러리 피부 - 피부 기본 피부 파
  • [팅겨] 상대에 절대에서 피부 파 모드 매끄러운 레이아웃을 변경
UPDATE 1.62 [2014년 7월 3일]
  • [FIX] autoplayNext은에에 자동 재생을 강제
UPDATE 1.50 [2014년 4월 2일]
  • [ADD] 피부 프로
  • [TWEAK] 업데이트 미리보기
  • [FIX] Safari에서 몇 가지 버그
UPDATE 1.40 [2014년 1월 15일]
  • 스크럽 머리가 위에있을 때 [ADD] 이제 댓글이 표시 될 수 있습니다
  • [ADD] 피부 justthumbandbutton
  • 바닥 모드로 새로운 스틱 [ADD]
  • 피부 파에 대한 새로운 매끄러운 모드를 [ADD]
  • [TWEAK] 업데이트 미리보기
  • [FIX] 몇 가지 버그
UPDATE 1.10 [2013년 6월 6일]
  • 파형에 대한 모든 새로운 플래시 생성기를 [추가] [이전 HTML5는 일부 호환성 문제가 있었다]
  • [수정] 호환성 문제

오디오 플레이어 추가 기능

완전히 사용자 지정할 수 있습니다.
당신은 scrubbar, 볼륨 조절, 전체 화면 제어 썸네일 등을 해제 할 수 있습니다. 당신은 CSS를 통해 모든 색상을 사용자 정의 할 수 있습니다. 왼쪽에있는 플레이어가 플레이어의 제 피부를 이용한다. 첫 번째 피부는 상단의 음파 피부 주도했습니다.
망막 준비.
각각의 피부는 완전 반응 및 망막 준비가되어 있습니다. 와우. 플레이어 자체는 모든 주요 브라우저, 파이어 폭스, 크롬, 오페라, 사파리, IE7-10에서 테스트되었습니다. 그리고 iOS 및 안드로이드 모바일 플랫폼에 최적화.
최소 플레이어.
때때로 더 적은이며,이 선수는 덮여 모든 시나리오가 있습니다. 우측에이 플레이어 (사용자가 여백을 클릭하는 경우)에도 스크럽 컨트롤이 최소한의 구현의 제 피부의 표현이다.
오직 하나의 형식.
오늘 HTML5 오디오 플레이어는 다양한 오디오 포맷의 세계를 필요로한다. 하지만이 하나. 만 MP3가 필요하고 OGG는 선택 사항입니다.
똑똑한.
당신이 원하는대로 당신은 한 페이지에 많은 선수를 배치 할 수 있습니다. 다른 플레이어가 재생되고 다른 하나를 클릭하면 다른 플레이어는 여기에 시도, 재생을 중지합니다.
여러 소스.
자체 호스팅 오디오는 당신의 유일한 옵션은 아니다. 당신은 또한 * 유튜브 나 사운드 클라우드, 또는하는 Shoutcast 라디오 방송국에서 스트림을 재생할 수 있습니다

* (하는 Shoutcast 용) - 스트림 / MPEG 오디오의 경우 먼저 확인해야합니다. 의 예를 들어 보자 http://streamplus40.leonex.de:41364/if 당신이 그 콘텐츠 형식을 볼 수 브라우저에서이를 엽니 오디오 / MPEG
파형 발생기

파형을 생성하기위한 적어도 3 개의 방법이있다

  • 당신은, 색상, 배율을 변경 locatinon 등 / 플래시 기반 추적 할 수있는 - 관리자 패널 (waveformgenerator.php)와 파형을 생성
  • 폴더 (wavegeneratorfromdir.php)에있는 모든 MP3 파일에 대한 파형을 생성 / 플래시 기반
  • 정적 (waveform.html) - - wavesbg.png하는 song.mp3 및 wavesprog.png에 대한 파형을 생성 서로 다른 색상이 HTML을 편집 할 수 있습니다, 이름 / 플래시 기반
  • waveformgenerator_html / 기반으로 HTML5 파형 발생기 / HTML5를 사용하여, 나는 순간에이 기능을 지원하지 않습니다

처음 두 방법에 대한 프리젠 테이션 - https://youtu.be/WrTSB54oTkI

노트

  • 트랙과 이미지는 다운로드 패키지에 포함되지 않습니다.
  • 당신이 PHP 서버가 필요합니다 댓글 시스템을 사용하는
  • 유튜브 인해 플랫폼 제한 iDevices에 있지만, 비디오와 같은 오디오 작동하지 않습니다
  • 파형은 오디오 플레이어에 의해 자동 생성되지 않은 정지 화상이지만, 다운로드 패키지에 포함되는 툴에 의해. 전체 지침은이 작업을 수행하는 방법에 제공하고 디렉토리의 모든 트랙이있는 경우는 거의 자동으로 각 트랙 10 초 직업된다.

자주하는 질문

작은 플레이어 (데모 페이지의 오른쪽 원형 인)에서 I는 전체 선수를 크게 할 수 있도록하려는 것이다. 대신 100 픽셀 / 100 픽셀의 I는 500 픽셀 / 500 픽셀을 부탁합니다. 나는이 어디에서 변경합니까? 나는 캔버스를 수정 한하지만 작은 갔다!
그냥이 코드 조각에 100 폭 100 높이를 편집하고 당신이 좋아한다 (라인 ~ 377)
 . _conPlayPause.children ( '. playbtn') 추가 ( '<캔버스 너비 = "100"높이 = "100"클래스 = "playbtn 캔버스"/>'); skin_minimal_canvasplay = _conPlayPause.find ( 'playbtn 캔버스.') EQ (0) 갔지 (0).; . _conPlayPause.children ( '. pausebtn') 추가 ( '<캔버스 너비 = "100"높이 = "100"클래스 = "pausebtn 캔버스"/>'); 
<오디오>이 / 수행이 바인드 태그 할 수 있습니까?
오디오 태그에 결합 할 수있는 방법은 없습니다

그것은 자신에 의해 오디오 태그를 생성합니다

하지만 형식은 매우 쉽게 생각

 <DIV ID = "apsimple"클래스 = "audioplayer - 도베"스타일 = "너비 : 100 %; 마진 - 맨 : 0;" 데이터 VIDEOTITLE = "오디오 비디오"데이터 유형 = "정상"데이터 소스 = "./ 소리 / adg3.mp3"> <DIV 클래스 = "메타 아티스트"> <스팬 클래스 = "더 - 아티스트"> 팀 McMorris는 </ 스팬> - 그것은 아름다운 일 </ DIV>이다 </ DIV> <스크립트> jQuery를 (문서).ready (함수 ($) { dzsap_init ( "#의 apsimple", { 자동 재생 : "OFF" }); }); </ script> 
MPEG 파일 형식 오디오 전용을 허용하는 방법은 무엇입니까?

당신은 위의 예와 같은 스트림으로 만.MP3를 가질 수 있으며 지원되지 않는 브라우저를위한 플래시 백업을 사용합니다

크레딧

다른 최고 제품


다운로드 할 수 있습니다
해당 카테고리의 다른 구성 요소이 작성자 의 모든 구성 요소
의견자주하는 질문과 답변 을 요구했다

속성을 선택합니다

만들어진:
4월 15일 (13)

마지막 업데이트:
3월 19일 (16)

높은 해상도:

지원되는 브라우저:
IE7, IE8, IE9, IE10, IE11, 파이어 폭스, 사파리, 오페라, 크롬

파일 포함:
자바 스크립트 JS, HTML, CSS

소프트웨어 버전:
HTML5

키워드

전자 상거래, 전자 상거래, 모든 아이템, 오디오, 오디오 플레이어, 캔버스, CSS3, 사용자 정의, HTML5, JQuery와, 미디어, 최소의, 플레이어, 노래, 사운드 클라우드, 소리, 웨이브, 유튜브