[gitec] RES: Player de áudio no Portal com Flowplayer Flash

Imprensa - Câmara Municipal de Santa Rita do Sapucaí - MG imprensa em camarasrs.mg.gov.br
Quarta Novembro 20 11:07:07 BRST 2013


Pessoal... bom dia!

No meu caso (ainda não sei porque) não funciona nem o Flowplayer, nem a tag
<audio>,
nem umas outras 4 ou 5 opções de players que tentei.

ACHO eu que o servidor do Interlegis está barrando as funcionalidades.
Já solicitei ajuda ao pessoal lá, mas... sem sucesso! L

Em tempo... a versão do nosso Portal, instalada em junho, 
NÃO possui a opção de inserir áudio nem o componente de áudio, pelo que vi
lá. 

Achei que seria simples tocar o áudio através do Portal mas... está bem
difícil!!!!
Se alguém aí do Interlegis puder nos auxiliar... será de grande valia,
já que passamos a disponibilizar o áudio recentemente, divulgando 
no jornal, no rádio local sobre e... não está funcional ter que 
tocar o áudio através de sites terceirizados/pagos.

OBRIGADA e ótimo trabalho a todos!

Priscilla 

ASCOM

Câmara Municipal

Santa Rita do Sapucaí-MG

www.santaritadosapucai.mg.leg.br 

 

 

 

De: gitec-bounces em listas.interlegis.gov.br
[mailto:gitec-bounces em listas.interlegis.gov.br] Em nome de Angelo Marcondes
de Oliveira Neto
Enviada em: terça-feira, 19 de novembro de 2013 19:09
Para: Grupo Interlegis de Tecnologia
Assunto: Re: [gitec] Player de áudio no Portal com Flowplayer Flash

 

João,


Muito bom. Por favor coloque isso tb no colab.

Outra coisa. Com o advento do HTML5 não é necessário utilizar tocadores
externos para tocar mp3, basta utilizar a tag <audio>. Você já experimentou?

Abraços




Angelo <mailto:angelomarcondes em gmail.com>  Marcondes de Oliveira Neto.

http://angelomarcondes.blogspot.com - portifólio de serviços.
angelomarcondes em gmail.com
(34) 91414287
Carneirinho - MG

 

 

Em 19 de novembro de 2013 15:45, --==JapaNix==-- <japanix em gmail.com>
escreveu:

Muito bom!

 

2013/11/19 Mauricio Aureliano <drmurisystem em gmail.com>

Bom demais...

 

Em 19 de novembro de 2013 12:48, Fabiano de Almeida
<informatica em telemacoborba.pr.leg.br> escreveu:

 

Show! Muuitíssimo obrigado!

 

Fabiano.

 

Em 19 de novembro de 2013 10:41, João Rodrigo Moreira
<rodrigo em camarapinda.sp.gov.br> escreveu:

Segue um wiki para disponibilizar um player de áudio no portal utilizando o
Flowplayer Flash.

Flowplayer é um player de áudio/vídeo e streaming open source, feito em
javascript e flash, que possui muitas funcionalidades.
Há duas versões, Flowplayer com suporte ao HTML 5 e Flowplayer Flash. Vamos
utilizar a segunda opção. Mais informações podem ser obtidas no site
http://flowplayer.org/

Primeiramente baixe os arquivos de instalação no site oficial
http://flash.flowplayer.org/download/

Ele usa basicamente três arquivos de configuração: flowplayer-xxx.min.js (a
API), flowplayer-xxx.swf (o player em si) e flowplayer.controls-xxx.swf
(barra de controle), onde o xxx é a versão do player. A versão do player que
utilizaremos é a 3.2.16.

 

Efetue login como usuário Administrador do Portal e crie um diretório onde
será disponibilizado os arquivos de áudio.

Acesse esse diretório que você criou via ZMI e adicione (add) os 3 arquivos
de configuração do Flowplayer, nomeando a id de cada um com o respectivo
nome do arquivo.

Ao terminar você terá esses três arquivos criados:

*	flowplayer-3.2.16.swf
*	flowplayer-3.2.12.min.js
*	flowplayer.controls-3.2.15.swf

Ainda neste diretório, crie uma Page Template com o id index_html.

Após criar, clique para editá-lo e substitua todo o código por este:

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"
      metal:use-macro="here/main_template/macros/master"
      i18n:domain="plone">
  <div metal:fill-slot="main">
    <title tal:content="template/title">nome da sua página</title>
  <body>
  </body>
 </div>
</html>

 

Se desejar insira um título para a sua página de áudio entre as tags
<title>.

Agora acesse o diretório via Portal e adicione um arquivo de áudio também
neste diretório e torne-o visível clicando em Exibir ou Publicar. Por
exemplo, sessao.mp3.


Volte para a Page Template que você criou e edite-o conforme abaixo:

Logo abaixo da linha de código <tittle>...</title>, (ou seja, dentro das
tags <head>) insira o código:

<script type="text/javascript"
src="seu_caminho/flowplayer-3.2.12.min.js"></script>

 

No corpo da página, entre as tags <body>, insira o código:

<a id="audio1" style="display:block;width:100%;height:30px;"
href="seu_caminho/sessao.mp3"></a>

* seu_caminho é a URL completa do seu portal para os respectivos arquivos

 

E finalmente, insira o código, também no corpo da página:

<script>
flowplayer ("audio1",
"http://releases.flowplayer.org/swf/flowplayer-3.2.16.swf", {
clip: { autoPlay: false },
plugins: { controls: { fullscreen: false, height: 30, autoHide: false } }
} )
</script>

 

* o mesmo id da tag <a> deve estar na função javascript. No exemplo, usei o
nome audio1 mas fiquem à vontade para nomear a id. Atenção para o fato que o
id deve ser único para cada arquivo.

Se a intenção for inserir vários arquivos de áudio, para cada arquivo deve
haver um link em html e uma função javascript.

 

Clique no botão Save Changes e depois clique na aba Test ao lado da aba Edit
para testar se o player está funcionando.

Bom proveito!

 

Fontes:

http://flowplayer.org/
http://flash.flowplayer.org/documentation/configuration/clips.html
http://flash.flowplayer.org/documentation/installation/index.html
http://flash.flowplayer.org/plugins/streaming/audio.html


-- 
João Rodrigo Moreira
Assistente de Tecnologia da Informação
Tel. (12)3644-2284 <tel:%2812%293644-2284>  / (12)3644-2250
<tel:%2812%293644-2250> 
Câmara de Vereadores de Pindamonhangaba
www.camarapinda.sp.gov.br <http://www.camarapinda.sp.gov.br/> 
Divisão de TI 

 

--
Site da Comunidade GITEC:
http://colab.interlegis.leg.br

Regras de participação:
http://colab.interlegis.leg.br/wiki/ComoParticiparComunidade

Para pesquisar o histórico da lista visite:
http://colab.interlegis.leg.br/wiki/PesquisaListas

Para administrar ou excluir sua conta visite:
http://listas.interlegis.gov.br/mailman/listinfo/gitec





 

-- 
Fabiano de Almeida

C.M. Telêmaco Borba - PR


--
Site da Comunidade GITEC:
http://colab.interlegis.leg.br

Regras de participação:
http://colab.interlegis.leg.br/wiki/ComoParticiparComunidade

Para pesquisar o histórico da lista visite:
http://colab.interlegis.leg.br/wiki/PesquisaListas

Para administrar ou excluir sua conta visite:
http://listas.interlegis.gov.br/mailman/listinfo/gitec





 

-- 

Mauricio José Aureliano Júnior


Tecnologia da Informação - Câmara Municipal de Araxá

Prof.: Instituto Federal de Educação, Ciência e Tecnologia  Triângulo
Mineiro


--
Site da Comunidade GITEC:
http://colab.interlegis.leg.br

Regras de participação:
http://colab.interlegis.leg.br/wiki/ComoParticiparComunidade

Para pesquisar o histórico da lista visite:
http://colab.interlegis.leg.br/wiki/PesquisaListas

Para administrar ou excluir sua conta visite:
http://listas.interlegis.gov.br/mailman/listinfo/gitec





 

-- 

 

 

Abraços,

 

Ishida

CM Ribeirão Preto

 
<http://2.bp.blogspot.com/-T85iUssZh_w/UE3zKV6NVYI/AAAAAAAAY9Y/lwGdnthh0Mk/s
1600/mongaba3.jpg> 

    Mongaba!!!

 

Sent by Nokia 3311

----------------------------------------------------------------------------
-------------------------

Virtus junxit mors non separabit

 

http://www.ininitiolitis.blogspot.com.br/

https://twitter.com/#!/JapaNixRss

http://www.flickr.com/photos/japanix/

 


--
Site da Comunidade GITEC:
http://colab.interlegis.leg.br

Regras de participação:
http://colab.interlegis.leg.br/wiki/ComoParticiparComunidade

Para pesquisar o histórico da lista visite:
http://colab.interlegis.leg.br/wiki/PesquisaListas

Para administrar ou excluir sua conta visite:
http://listas.interlegis.gov.br/mailman/listinfo/gitec

 

-------------- Próxima Parte ----------
Um anexo em HTML foi limpo...
URL: http://listas.interlegis.gov.br/pipermail/gitec/attachments/20131120/9670a227/attachment.htm 


Mais detalhes sobre a lista de discussão GITEC