Suporte » Outros assuntos » Alterar barra de áudio

  • Olá pessoal,

    O WordPress tem uma barra de áudio padrão (https://screenshot.net/pt/pjj3xa3), mas ela é 100% a largura do conteúdo.
    Eu queria usar um áudio pequeno onde aparecesse apenas o player, e que eu possa colocar na frente de uma frase (ex.: https://screenshot.net/pt/x4epuy0).
    Eu consigo alterar a barra de áudio padrão do WP para fazer o que eu quero?

    Eu não queria instalar maaais um plugin. Inclusive eu nem achei plugin que faça o que eu quero exatamente.

    Agradeço.

Visualizando 4 respostas - 1 até 4 (de um total de 4)
  • olá @vejapixel,

    difícil isso que você quer. pois um padrão de áudios e vídeos é que tenha a barra para poder determinar a posição do conteúdo e assim ir para a frente ou voltar em um conteúdo. do jeito que você quer, inclusive, não fica intuitivo para quem acessa e não permite que a pessoa possa alterar a posição do conteúdo.

    a solução que eu usaria seria pegar o plugin Elementor e dividir onde vai ficar o áudio em uma coluna de largura bem estreita. ai adicionaria o som ou por Soundcloud (prefiro e já tem nativo no Elementor) ou por link e tiraria o máximo de elementos possíveis do áudio. por exemplo, no caso do Soundcloud dá pra eliminar quase todos os elementos, ficando apenas o botão play laranja e a barra de conteúdo em forma de equalizador, ambos característicos do Soundcloud. e para colocar a frase, escreveria sobre ou abaixo do áudio.

    mas enfim, vai depender muito de sua criatividade para uma solução tão específica que você quer. ou contratar um desenvolvedor que possa lhe entregar isso.

    abraços e boa sorte!

    Criador do tópico Rodrigo

    (@vejapixel)

    Olá Ralden,

    Obrigado pela sugestão, mas criar uma coluna com o Elementor daria muito trabalho pois eu teria que fazer isso manualmente em cada post, e os áudio não ficaria alinhados as frases.

    O que eu quero é apenas um pequeno play na frente da frase, só isso.

    blá blá blá blá blá blá blá blá blá (play)
    blá blá blá blá blá blá blá blá blá blá blá blá (play)
    blá blá blá blá blá blá blá (play)

    Ralden eu vejo no código que ele possui um style com largura 100%. Eu conseguiria alterar essa largura?
    Onde eu posso editar a barra de áudio?

    <audio class=”wp-audio-shortcode” id=”audio-19708-1″ preload=”none” style=”width: 100%;” controls=”controls”><source type=”audio/mpeg” src=”http://&#8221; />http://</audio>

    Agradeço.

    olá @vejapixel,

    esse play em si não seria problema, até mesmo um ícone com link para o áudio resolveria.

    a questão que você quer o play da barra de áudio. mas entenda, a pessoa vai lá, clica play e começa a tocar o som. e se ela quiser dar pausa? quiser parar o som? quiser modificar a posição de onde está tocando?

    porque você quer que simplesmente o som toque e pronto. sem dar nenhum controle ao usuário. te garanto, isso não vai dar certo, pois haverão pessoas e momentos em que se precisará do controle.

    eu mesmo fecho na hora a aba de sites que tocam som automaticamente se a barra de áudio não estiver visível e não tenha no mínimo os comandos de stop, pause e volume.

    minha sugestão para seu caso: coloque um ícone do botão play ao lado das frases com um link para abrir o áudio em um pop-up.

    ou pode deixar a barra de áudio oculta abaixo da frase e ao clicar em play a barra ficaria visível. aqui já é mais avançado o conhecimento, mas basicamente você precisa de um plugin em ajax que permita ocultar e visualizar elementos.

    abraços e boa sorte!

    Criador do tópico Rodrigo

    (@vejapixel)

    Olá Ralden,

    Entendo, mas aí fica complicado o usuário ter que ficar clicando no play abrindo uma janela, ouvindo a frase, depois fechando a janela, clicando no outro play, abrindo a janela, ouvindo a frase, fechando novamente e assim por diante. Isso seria trabalhoso para o usuário.

    No caso da ausência do controle do som, isso não teria problema pois os áudios são muito rápidos, coisa de 5 ou 10 segundos.

    De qualquer forma agradeço a atenção.
    Abraço.

Visualizando 4 respostas - 1 até 4 (de um total de 4)
  • O tópico ‘Alterar barra de áudio’ está fechado para novas respostas.