ZoomSounds – Neat HTML5 Audio Player with Waveform as well as Playlist

10.00 $

Buy Now


LIVE PREVIEWBUY FOR $10

jogador de onda mais vendido

Introdução ao reprodutor de áudio

Deseja um reprodutor de áudio html5 responsivo, moderno, pronto para retina e para o seu website? ZoomSounds é o candidato perfeito. Com três skins para cada marca, apenas formato necessário para funcionar, ZoomSounds

Versão WordPress

ZoomSounds - reprodutor de áudio HTML5 bacana com forma de onda e lista de reprodução - 1

Recursos do reprodutor de áudio

  • Tecnologia HTML5 – esta galeria United States as técnicas html5 mais recentes para oferecer uma experiência nunca panorama antes aos seus clientes
  • totalmente responsivo – parece ótimo de celular para HD
  • back-up de flash – ie7 e ie8 não suportam html5, mas esses usuários não são esquecidos, os kids tocarão para eles também através do blink gamer
  • formato obrigatório – a parte difícil é feita pelo manuscript do gamer para que o usuário tenha uma experiência fácil de edição – apenas mp3 é necessário
  • otimizado para toque – dispositivos de toque não são esquecidos
  • cinco peles – para cada necessidade
  • três peles – três skins completos para todas as marcas
  • Tecnologia CSS3 – este gamer United States definições css3 de ponta
  • fácil instalação – compre, baixe o zip, leia os documentos
  • apple iphone / iPad otimizado – esta galeria foi otimizada para dispositivos de toque da Apple
  • Otimizado para Android – este componente foi testado no Android 4.0 e funciona muito bem
  • desenvolvedor / SASS alimentado – o CSS deste componente foi construído em cima do SASS, o que significa que os usuários do SASS terão facilidade para modificar as skins. Para não usuários do SASS, também não há problema, porque os arquivos CSS (gerados pelo SASS) são fornecidos
  • reproduz do SoundCloud – transmite áudio SoundCloud com uma chave de API
  • 100% css skinable – deseja fazer pequenas modificações nas skins? As skins são 100% construídas a partir do CSS e são muito fáceis de editar com conhecimento de CSS
  • Search Engine Optimization amigável – construído com Motor de Otimização de Busca pensando desde o início, o Testimonial Rotator United States marcação HTML válida não oculta para construir o widget
  • compatível com todos os principais navegadores, incluindo IE – compatível com IE7 para IE10, Chrome, Safari e Firefox
ZoomSounds - reprodutor de áudio HTML5 bacana com forma de onda e lista de reprodução - 2

Otimizado para celular

Suaves em celulares também por causa de
aceleraçao do equipment. Android 4.4+ Chrome
e iphone testado para fornecer extremely refined
experiência

Assista vídeo

Atualizações do reprodutor de áudio

Se você atualizou os arquivos html e tem seu próprio projeto, você só precisa atualizar audioplayer / audioplayer.css e audioplayer / audioplayer.js e talvez publisher.php – para que a atualização seja aplicada

ATUALIZAÇÃO 4.26 [ 02/20/2018 ]

  • [FIX] publisher.php não salva formas de onda

ATUALIZAÇÃO 4.25 [ 02/16/2018 ]

  • [FIX] alguns pests

ATUALIZAÇÃO 4.24 [ 01/21/2018 ]

  • [FIX] alguns pests

ATUALIZAÇÃO 2.73 [ 11/07/2017 ]

  • [FIX] alguns pests
  • [FIX] alguns pests do youtube com jogo resolvido

ATUALIZAÇÃO 2.72 [ 10/16/2017 ]

  • [TWEAK] pele redesenhada – minimalista
  • [TWEAK] retrabalhou alguns cálculos de pace atual / pace overall
  • [ADD] recurso de jogo sem intervalos – reproduz músicas em uma lista de reprodução sem interrupção, a faixa que deve vir a seguir será pré-carregada 10 segundos antes de sua vez, para que possa começar imediatamente

ATUALIZAÇÃO 2.71 [ 09/27/2016 ]

  • [TWEAK] a maioria dos botões redesenhados
  • [TWEAK] visualização atualizada

ATUALIZAÇÃO 2.70 [ 07/21/2016 ]

  • [ADD] método de visualização de nova onda (skinwave_wave_mode: “canvas”)

ATUALIZAÇÃO 2.67 [ 07/09/2016 ]

  • [TWEAK] tocando agora, selecionar outras faixas da galeria mantém o quantity da faixa que está tocando

ATUALIZAÇÃO 2.65 [ 05/19/2016 ]

  • [TWEAK] visualização atualizada
  • [ADD] index-sticktobottom-3.html – exemplo da quality 3

ATUALIZAÇÃO 2.64 [ 05/19/2016 ]

  • [FIX] O evento google analytics for play agora funciona com a versão mais recente do analytics.js
  • [ADD] index-analytics.html – exemplo de como usar análises para jogos de eventos

ATUALIZAÇÃO 2.63 [ 05/11/2016 ]

  • [FIX] insetos

ATUALIZAÇÃO 2.62 [ 04/07/2016 ]

  • [ADD] exemplo de como reproduzir trilha sonora privada by means of API
  • [ADD] carregar evento de metadados
  • [FIX] não reproduz em dispositivos móveis streaming de dados de rede

ATUALIZAÇÃO 2.01 [ 09/07/2015 ]

  • [FIX] várias correções

ATUALIZAÇÃO 2,00 [ 01/20/2015 ]

  • [ADD] adicionado skin-aria
  • [ADD] adicionou a opção enable_easing ao movimento do food selection
  • [ADD] adicionado evento do google analytics para jogar
  • [ADD] opção para alterar a música em gamer (+ chamada de API)
  • [ADD] skin da galeria – skin-default ou skin-wave
  • [TWEAK] mudou o format liso do modo onda da pele de absoluto para relativo

ATUALIZAÇÃO 1.62 [ 07/03/2014 ]

  • [FIX] autoplayNext forçou a reprodução automática a ligada

ATUALIZAÇÃO 1.50 [ 04/02/2014 ]

  • [ADD] skin-pro
  • [TWEAK] visualização atualizada
  • [FIX] alguns pests no Safari

ATUALIZAÇÃO 1.40 [ 01/15/2014 ]

  • [ADD] agora, os comentários podem aparecer quando o cabeçote de esfrega está sobre eles
  • [ADD] pele – apenas toque e botão
  • [ADD] novo modo stay with base
  • [ADD] novo modo liso para onda de pele
  • [TWEAK] visualização atualizada
  • [FIX] alguns pests

ATUALIZAÇÃO 1.10 [ 06/06/2013 ]

  • [add] todo novo gerador de flash para as formas de onda [ the old html5 had some compatibility issues ]
  • [fix] problemas de compatibilidade

Recursos additionals do reprodutor de áudio

Totalmente personalizável.

Você pode desativar a barra de rolagem, os controles de quantity, a miniatura dos controles em tela cheia e muito mais. Você pode personalizar todas as cores by means of CSS. O jogador à esquerda United States a segunda pele do jogador. A primeira pele é a pele da onda sonora na parte premium.

Retina Ready.

Cada pele é totalmente responsiva e pronta para retina. Uau. O próprio gamer foi testado em todos os principais navegadores, Firefox, Chrome, Opera, Safari, IE7-10. E otimizado para as plataformas móveis iphone e Android.

Jogador mínimo.

Às vezes, mais é menos, e este jogador cobre todos os cenários. Esta à direita é a representação do terceiro skin do jogador, uma implementação mínima que tem até controles de scrub (se você clicar nas margens).

Apenas formato.

Os reprodutores de áudio html5 de hoje exigem o mundo em diferentes formatos de áudio. Mas não este. Apenas mp3 é necessário e ogg é opcional.

Inteligente.

Você pode colocar quantos jogadores desejar em uma página. Se outro jogador estiver jogando e você clicar em diferente, o outro jogador irá parar de jogar, tente aqui.

Várias fontes.

Áudios auto-hospedados não são sua única opção. Você também pode reproduzir streams do SoundCloud ou até mesmo de estações de rádio Shoutcast *

* (para Shoutcast) – Você deve primeiro verificar se o stream é de áudio / MPEG. Vamos pegar por exemplo http://streamplus40.leonex.de:41364/if você abrir isso em um navegador, verá que Tipo de conteúdo: áudio / mpeg

Gerador de forma de onda

Com novo Tela de pintura Modo – Depois que o mp3 for carregado, a forma de onda será gerada automaticamente – isso acontecerá apenas uma vez e, em seguida, será barrage no banco de dados – para que outras reproduções do mp3 sejam lidas da forma de onda gerada salva instantaneamente

__

Com antigo (descontinuado) Imagem Modo:

  • gere formas de onda com painel de administração (waveformgenerator.php) – no qual você pode alterar a cor, o multiplicador, rastrear a localização etc / flash com base
  • gerar formas de onda para todos os mp3s em uma pasta (wavegeneratorfromdir.php) / baseado em flash
  • gerar forma de onda de song.mp3 para wavesbg.png e wavesprog.png – estático (waveform.html) – você pode editar esse html para cores diferentes, nomes / baseados em flash
  • waveformgenerator_html / por usar o gerador de forma de onda html5 / baseado em html5, não apóio isso no momento

Apresentação para os dois primeiros métodos – https://youtu.be/WrTSB54oTkI

Notas

  • faixas e imagens não estão incluídas no pacote de download.
  • para usar o sistema de comentários você precisará do servidor php
  • o youtube não funcionará como áudio em iDevices, mas como vídeo devido às limitações da plataforma
  • a forma de onda será gerada automaticamente, mas precisará de servidor php para o recurso de salvamento

Perguntas frequentes

No gamer menor (o gamer round no lado direito da página de demonstração), gostaria de poder aumentar o gamer inteiro. Em vez de 100px / 100px, gostaria de 500px / 500px. Onde posso mudar isso? Eu editei a tela, mas ela ficou menor!

Apenas edite a largura 100 e a altura 100 neste trecho de código e você deve ficar bem (linha ~ 377)

_conPlayPause.children('.playbtn').append('<canvas size="100" elevation="100" course="playbtn-canvas"/>');
                    skin_minimal_canvasplay = _conPlayPause.find('.playbtn-canvas').eq(0).obtain(0);
                    _conPlayPause.children('.pausebtn').append('<canvas size="100" elevation="100" course="pausebtn-canvas"/>');
isso pode / faz ligação com as tags

Não há como vincular à tag de áudio

Ele criará uma marca de áudio por conta própria

mas acho que o formato é bastante fácil

<div id="apsimple" course="audioplayer-tobe" design="width:100%; margin-top:0;" data-videotitle="Audio Video" data-type="normal" data-source="./sounds/adg3.mp3">
    <div course="meta-artist"><period course="the-artist">Tim McMorris</span> - It's a lovely day</div>
</div>
<manuscript>
    jQuery(file).prepared(feature ($) {

        dzsap_init("#apsimple", {
            autoplay: "off" 
        });
    });
</script>
como colocar a peça e o artista no topo da onda (em skin-wave)

Basta adicionar a classe pele alternativa para o Tocador de Sound elemento

onde os comentários são barrages?

Dentro db

”Rel =” nofollow ”> / pasta – certifique-se de que as permissões estão definidas para 755

Comentários não salvam / formas de onda não salvam

Para geração de forma de onda, certifique-se também

,"skinwave_comments_enable": "on","skinwave_comments_retrievefromajax":
"on"

está nas configurações do jogador.

Para acessar o banco de dados, você precisará ter servidor php. Se você já tem , então tudo que o zoomsounds precisa é a localização do publisher.php . Esse arquivo lida com a recuperação e publicação de comentários / formas de onda. Se publisher.php estiver na mesma pasta que o html, basta inserir

,settings_php_handler:'publisher.php'

nas configurações do jogador. Caso contrário, aponte para o regional correto.

Para geração de forma de onda, certifique-se também

,"pcm_data_try_to_generate": "on"

está nas configurações do jogador.

Onde posso definir “tocar a próxima música automaticamente” na lista de reprodução

certificar-se de que autoplayNext está definido como “ativado” (reprodução automáticaNext: “ativado”) nas configurações da galeria de áudio

existe uma maneira de aceitar apenas áudio do formato de arquivo MPEG?

você pode ter apenas .mp3 como o stream como o exemplo acima e ele usará o Flash Backup para navegador não suportado

Créditos

Outros produtos incríveis

ZoomSounds - reprodutor de áudio HTML5 bacana com forma de onda e lista de reprodução - 3
ZoomSounds - reprodutor de áudio HTML5 bacana com forma de onda e lista de reprodução - 4


group: html5/media
cost : $ 10
hashtags : #ZoomSounds #Neat #HTML5 #Audio #Player #Waveform #Playlist

Be the first to review “ZoomSounds – Neat HTML5 Audio Player with Waveform as well as Playlist”

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Reviews

There are no reviews yet.

Main Menu

ZoomSounds - Neat HTML5 Audio Player with Waveform as well as Playlist

10.00 $

Add to Cart