adicionar player no blog

5
PREFEITURA DE SÃO BERNARDO DO CAMPO SECRETARIA DE EDUCAÇÃO E CULTURA DEPARTAMENTO DE AÇÕES EDUCACIONAIS DIVISÃO DE INCREMENTO AO ENSINO SEÇÃO DE LABORATÓRIO E EDUCAÇÃO TECNOLÓGICA Se 134 Sirley Zancanari Ferrantte ADICIONAR PLAYER NO BLOG Quando produzimos um trabalho cujo produto final seja um arquivo de áudio é interessante disponibilizá-lo no blog sob a forma de um player onde o leitor do seu blog aperte o Play quando quiser ouvi-lo. Para realizar essa tarefa, existe várias possibilidades. Vou exemplificar aqui, duas delas que eu testei e deram certo. Primeiramente, é óbvio que você deve ter o arquivo de som pronto. Em seguida você deve hospedá-lo em um site. No primeiro exemplo eu criei um site no Google Sites HTTP://sites.google.com e fiz Upload do arquivo. Você também pode hospedá-lo em outros sites: WWW.podcastone.com.br Terminado o Upload, copie o endereço do arquivo, só a URL. Agora inicia o processo para criar o player: 1. Entre no site HTTP://flash-mp3-player.net e escolha um modelo de player. Eu optei pelo modelo normal.

Upload: sirley-zancanari-ferrantte

Post on 20-Jul-2015

6.076 views

Category:

Education


2 download

TRANSCRIPT

Page 1: Adicionar player no blog

PREFEITURA DE SÃO BERNARDO DO CAMPO

SECRETARIA DE EDUCAÇÃO E CULTURA

DEPARTAMENTO DE AÇÕES EDUCACIONAIS

DIVISÃO DE INCREMENTO AO ENSINO

SEÇÃO DE LABORATÓRIO E EDUCAÇÃO TECNOLÓGICA

Se 134 Sirley Zancanari Ferrantte

ADICIONAR PLAYER NO BLOG

Quando produzimos um trabalho cujo produto final seja um arquivo de áudio é interessante

disponibilizá-lo no blog sob a forma de um player onde o leitor do seu blog aperte o Play

quando quiser ouvi-lo.

Para realizar essa tarefa, existe várias possibilidades. Vou exemplificar aqui, duas delas que eu

testei e deram certo.

Primeiramente, é óbvio que você deve ter o arquivo de som pronto.

Em seguida você deve hospedá-lo em um site. No primeiro exemplo eu criei um site no Google

Sites HTTP://sites.google.com e fiz Upload do arquivo.

Você também pode hospedá-lo em outros sites: WWW.podcastone.com.br

Terminado o Upload, copie o endereço do arquivo, só a URL.

Agora inicia o processo para criar o player:

1. Entre no site HTTP://flash-mp3-player.net e escolha um modelo de player. Eu optei

pelo modelo normal.

Page 2: Adicionar player no blog

PREFEITURA DE SÃO BERNARDO DO CAMPO

SECRETARIA DE EDUCAÇÃO E CULTURA

DEPARTAMENTO DE AÇÕES EDUCACIONAIS

DIVISÃO DE INCREMENTO AO ENSINO

SEÇÃO DE LABORATÓRIO E EDUCAÇÃO TECNOLÓGICA

Se 134 Sirley Zancanari Ferrantte

2. Clique em Generator e aperte Enter

3. Na caixa MP3 coloque o endereço do arquivo URL e clique Enter para incorporar esse

endereço ao código que aparece abaixo.

4. Copie o código embed

Page 3: Adicionar player no blog

PREFEITURA DE SÃO BERNARDO DO CAMPO

SECRETARIA DE EDUCAÇÃO E CULTURA

DEPARTAMENTO DE AÇÕES EDUCACIONAIS

DIVISÃO DE INCREMENTO AO ENSINO

SEÇÃO DE LABORATÓRIO E EDUCAÇÃO TECNOLÓGICA

Se 134 Sirley Zancanari Ferrantte

5. Agora vá para o blog onde vai inserir o player e entre no modo de edição - Design

6. Adicionar Gadget e clique em HTML Java Script

Page 4: Adicionar player no blog

PREFEITURA DE SÃO BERNARDO DO CAMPO

SECRETARIA DE EDUCAÇÃO E CULTURA

DEPARTAMENTO DE AÇÕES EDUCACIONAIS

DIVISÃO DE INCREMENTO AO ENSINO

SEÇÃO DE LABORATÓRIO E EDUCAÇÃO TECNOLÓGICA

Se 134 Sirley Zancanari Ferrantte

7. Cole o código, escreva o título do arquivo e Salve

Agora é só testar. Se o tamanho do player ficou maior que a coluna onde ele está inserido,

você pode alterar os valores nesse mesmo código.

Abra o Gadget onde você colou o código e altere os valores da width="200"

height="20.

Mude apenas os números para não alterar o código. Pode aumentar ou diminuir esses

valores, depende da sua necessidade.

Page 5: Adicionar player no blog

PREFEITURA DE SÃO BERNARDO DO CAMPO

SECRETARIA DE EDUCAÇÃO E CULTURA

DEPARTAMENTO DE AÇÕES EDUCACIONAIS

DIVISÃO DE INCREMENTO AO ENSINO

SEÇÃO DE LABORATÓRIO E EDUCAÇÃO TECNOLÓGICA

Se 134 Sirley Zancanari Ferrantte

Essa forma que eu utilizei através do site HTTP://flash-mp3-player.net cria um player

visualmente mais agradável, porém, há outras possibilidades.

Na imagem abaixo temos dois exemplos: o player criado pelo HTTP://flash-mp3-player.net e o

criado no http://www.divshare.com/ onde eu tive que diminuir o comprimento para colocar

na coluna. Se você for colocar na página de postagem o tamanho original fica bom.

O http://www.divshare.com/ onde você faz um cadastro bem simples e já faz o upload

Tutorial para criar site no Google e fazer upload de arquivo

http://www.dgaro.com.br/utilizando-o-google-sites-para-colocar-arquivos-para-download/

Tutorial em vídeo do Youtube ensinando a usar outro site WWW.gengibre.com que hospeda e

você também pode gravar direto nele.

http://youtu.be/1EApToYuDH8