Como Instalar o Player do
Serviço em Seu Site
Este tutorial tem como objetivo explicar ao nosso cliente como instalar o
Pl...
- Informe o nome do seu “Usuário” e a “Senha”, sendo estes enviadas no
e-mail de ativação da Sitehosting
(11) 3509-1419 – ...
- Através deste painel temos acesso a todas as informações e
configurações necessárias ao serviço streaming
(11) 3509-1419...
- Para cada tipo de plano é um acesso diferente até chegar ao Player, por
exemplo, se for ao vivo (Vídeo ou Áudio) vai abr...
Este Player é exatamente o
que vamos copiar para o
site, porém este faz parte
do controle e pode ser
utilizado para testes...
A diferença entre os players principais é apenas a linguagem de
programação utilizada na construção do mesmo, recomendamos...
Este será nosso site, observe que o mesmo está em branco, contendo
somente um título “Instalação do Player”
Segue o código...
Neste exemplo o player será inserido abaixo do titulo, porém o mesmo pode
ser posicionado em qualquer lugar do site e tamb...
Obs.: Para o player funcionar deve ser copiado todo o código, observe que
na caixa existe uma barra de rolagem para a visu...
- Após colar o código confira se o mesmo esta completo e idêntico ao
copiado no Painel de Controle.
Salve a pagina e reali...
(11) 3509-1419 – (21) 3514-1447 – (31) 3515-5915 – (37) 3512-7474 – (37) 3212-4225
(41) 3012-0612 – (51) 3103-0993 – (61) ...
(11) 3509-1419 – (21) 3514-1447 – (31) 3515-5915 – (37) 3512-7474 – (37) 3212-4225
(41) 3012-0612 – (51) 3103-0993 – (61) ...
- Observe através do código fonte do site, que o mesmo está idêntico ao
arquivo alterado no Bloco de Notas
- Agora vamos v...
- No Bloco de Notas do
Windows vamos colar o
player no site
- Após colar o código
confira se o mesmo esta
completo e idênt...
Salve a pagina e realize o upload, ao ser acessado será exibido o titulo e o
player
- Observe que aparentemente é o mesmo ...
Como dito anteriormente verifique com seu Webdesigner ou
Administrador do site qual será utilizado Script ou Iframe
(11) 3...
- Agora vamos inserir os players auxiliares para dispositivos móveis, para
este o procedimento será quase idêntico, porém ...
Geralmente é inserido o player principal e abaixo do mesmo são inseridas
as imagens para acesso através dos dispositivos m...
Este é o código copiado em minha aplicação de teste, para facilitar
selecionei a parte do código correspondente a imagem q...
Obs.: Para o player funcionar deve ser copiado todo o código, observe que
na caixa existe uma barra de rolagem para a visu...
(11) 3509-1419 – (21) 3514-1447 – (31) 3515-5915 – (37) 3512-7474 – (37) 3212-4225
(41) 3012-0612 – (51) 3103-0993 – (61) ...
- Após colar o código confira se o mesmo está completo e idêntico ao
copiado no Painel de Controle.
Salve a pagina e reali...
(11) 3509-1419 – (21) 3514-1447 – (31) 3515-5915 – (37) 3512-7474 – (37) 3212-4225
(41) 3012-0612 – (51) 3103-0993 – (61) ...
- Repita o processo para todos os players auxiliares, neste exemplo vou
utilizar um pequeno código CSS para organizar as i...
(11) 3509-1419 – (21) 3514-1447 – (31) 3515-5915 – (37) 3512-7474 – (37) 3212-4225
(41) 3012-0612 – (51) 3103-0993 – (61) ...
(11) 3509-1419 – (21) 3514-1447 – (31) 3515-5915 – (37) 3512-7474 – (37) 3212-4225
(41) 3012-0612 – (51) 3103-0993 – (61) ...
- Pronto agora você já sabe como instalar o player no site de forma simples
e fácil, sem configurações complexas e sem dif...
Próximos SlideShares
Carregando em…5
×

Manual Para Instalar o Player do Serviço em Seu Site

218 visualizações

Publicada em

Este tutorial tem como objetivo explicar ao nosso cliente como instalar o Player Principal na forma de Script ou Iframe, inserindo também os Players auxiliares para Dispositivos Móveis de forma fácil e simples no site.

Publicada em: Tecnologia
0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
218
No SlideShare
0
A partir de incorporações
0
Número de incorporações
2
Ações
Compartilhamentos
0
Downloads
4
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Manual Para Instalar o Player do Serviço em Seu Site

  1. 1. Como Instalar o Player do Serviço em Seu Site Este tutorial tem como objetivo explicar ao nosso cliente como instalar o Player Principal na forma de Script ou Iframe, inserindo também os Players auxiliares para Dispositivos Móveis de forma fácil e simples no site. - Vamos abrir o painel através do link: http://sitehosting.com.br/controle/login.php (11) 3509-1419 – (21) 3514-1447 – (31) 3515-5915 – (37) 3512-7474 – (37) 3212-4225 (41) 3012-0612 – (51) 3103-0993 – (61) 3246-0546 – (62) 3412-8312
  2. 2. - Informe o nome do seu “Usuário” e a “Senha”, sendo estes enviadas no e-mail de ativação da Sitehosting (11) 3509-1419 – (21) 3514-1447 – (31) 3515-5915 – (37) 3512-7474 – (37) 3212-4225 (41) 3012-0612 – (51) 3103-0993 – (61) 3246-0546 – (62) 3412-8312
  3. 3. - Através deste painel temos acesso a todas as informações e configurações necessárias ao serviço streaming (11) 3509-1419 – (21) 3514-1447 – (31) 3515-5915 – (37) 3512-7474 – (37) 3212-4225 (41) 3012-0612 – (51) 3103-0993 – (61) 3246-0546 – (62) 3412-8312 - Clique no botão “Player”
  4. 4. - Para cada tipo de plano é um acesso diferente até chegar ao Player, por exemplo, se for ao vivo (Vídeo ou Áudio) vai abrir automaticamente o player, se for AutoVJ será necessário clicar no botão “Player”, se for On Demand será necessário clicar no botão “Código do Embeding” referente ao vídeo em questão (11) 3509-1419 – (21) 3514-1447 – (31) 3515-5915 – (37) 3512-7474 – (37) 3212-4225 (41) 3012-0612 – (51) 3103-0993 – (61) 3246-0546 – (62) 3412-8312 É necessário que a tela do Player seja acessada independente do tipo de plano, neste caso para exemplo vou utilizar uma aplicação de vídeo Após a tela do Player ser acessada será exibido a “Versão do Player”, o “Tema” e o player principal do painel
  5. 5. Este Player é exatamente o que vamos copiar para o site, porém este faz parte do controle e pode ser utilizado para testes, visualizações, conferencia e etc... Logo abaixo do Player vamos ver os códigos na seguinte sequencia: - Player Principal em Script - Players Auxiliares para Dispositivos Moveis - Player Principal em Iframe (11) 3509-1419 – (21) 3514-1447 – (31) 3515-5915 – (37) 3512-7474 – (37) 3212-4225 (41) 3012-0612 – (51) 3103-0993 – (61) 3246-0546 – (62) 3412-8312
  6. 6. A diferença entre os players principais é apenas a linguagem de programação utilizada na construção do mesmo, recomendamos que olhe com o Webdesigner ou Administrador do site qual é mais adequado à linguagem utilizada na construção do site. Não existe nenhuma restrição em relação ao site para as duas linguagens, porém algumas plataformas como Wordpress somente aceitam o player na forma de Iframe - Agora vamos visualizar um exemplo de site aonde será incluído o player (11) 3509-1419 – (21) 3514-1447 – (31) 3515-5915 – (37) 3512-7474 – (37) 3212-4225 (41) 3012-0612 – (51) 3103-0993 – (61) 3246-0546 – (62) 3412-8312
  7. 7. Este será nosso site, observe que o mesmo está em branco, contendo somente um título “Instalação do Player” Segue o código fonte: (11) 3509-1419 – (21) 3514-1447 – (31) 3515-5915 – (37) 3512-7474 – (37) 3212-4225 (41) 3012-0612 – (51) 3103-0993 – (61) 3246-0546 – (62) 3412-8312
  8. 8. Neste exemplo o player será inserido abaixo do titulo, porém o mesmo pode ser posicionado em qualquer lugar do site e também pode ser utilizados atributos como CSS para o posicionamento do mesmo sem problemas (11) 3509-1419 – (21) 3514-1447 – (31) 3515-5915 – (37) 3512-7474 – (37) 3212-4225 (41) 3012-0612 – (51) 3103-0993 – (61) 3246-0546 – (62) 3412-8312 - Vamos copiar o Player principal na forma de Script primeiro, para isso selecione completamente o código do player, clique com o botão direito em cima da seleção e escolha a opção “Copiar”
  9. 9. Obs.: Para o player funcionar deve ser copiado todo o código, observe que na caixa existe uma barra de rolagem para a visualização completa, o código inicia com <div id=' e termina com </script>, sempre confira se todo o código esta selecionado - Para este exemplo vou utilizar o Bloco de Notas do Windows para colar o player no site. Porém pode ser utilizado qualquer programa que salve o arquivo no formato do site, neste exemplo HTML Após abrir o site no Editor, clique com o botão direito aonde deseja o player e escolha “Colar” (11) 3509-1419 – (21) 3514-1447 – (31) 3515-5915 – (37) 3512-7474 – (37) 3212-4225 (41) 3012-0612 – (51) 3103-0993 – (61) 3246-0546 – (62) 3412-8312
  10. 10. - Após colar o código confira se o mesmo esta completo e idêntico ao copiado no Painel de Controle. Salve a pagina e realize o upload, ao ser acessado será exibido o titulo e o player (11) 3509-1419 – (21) 3514-1447 – (31) 3515-5915 – (37) 3512-7474 – (37) 3212-4225 (41) 3012-0612 – (51) 3103-0993 – (61) 3246-0546 – (62) 3412-8312
  11. 11. (11) 3509-1419 – (21) 3514-1447 – (31) 3515-5915 – (37) 3512-7474 – (37) 3212-4225 (41) 3012-0612 – (51) 3103-0993 – (61) 3246-0546 – (62) 3412-8312
  12. 12. (11) 3509-1419 – (21) 3514-1447 – (31) 3515-5915 – (37) 3512-7474 – (37) 3212-4225 (41) 3012-0612 – (51) 3103-0993 – (61) 3246-0546 – (62) 3412-8312
  13. 13. - Observe através do código fonte do site, que o mesmo está idêntico ao arquivo alterado no Bloco de Notas - Agora vamos ver como seria se fosse com o Código Iframe, para isso selecione completamente o código do player, clique com o botão direito em cima da seleção e escolha a opção “Copiar” Obs.: Para o player funcionar deve ser copiado todo o código, o mesmo inicia com <iframe src=' e termina com </iframe>, sempre confira se todo o código esta selecionado (11) 3509-1419 – (21) 3514-1447 – (31) 3515-5915 – (37) 3512-7474 – (37) 3212-4225 (41) 3012-0612 – (51) 3103-0993 – (61) 3246-0546 – (62) 3412-8312
  14. 14. - No Bloco de Notas do Windows vamos colar o player no site - Após colar o código confira se o mesmo esta completo e idêntico ao copiado no Painel de Controle. (11) 3509-1419 – (21) 3514-1447 – (31) 3515-5915 – (37) 3512-7474 – (37) 3212-4225 (41) 3012-0612 – (51) 3103-0993 – (61) 3246-0546 – (62) 3412-8312
  15. 15. Salve a pagina e realize o upload, ao ser acessado será exibido o titulo e o player - Observe que aparentemente é o mesmo player, pois para o serviço não existe diferença, porém quando visualizamos o código fonte da pagina, o mesmo esta com uma linguagem totalmente diferente (11) 3509-1419 – (21) 3514-1447 – (31) 3515-5915 – (37) 3512-7474 – (37) 3212-4225 (41) 3012-0612 – (51) 3103-0993 – (61) 3246-0546 – (62) 3412-8312
  16. 16. Como dito anteriormente verifique com seu Webdesigner ou Administrador do site qual será utilizado Script ou Iframe (11) 3509-1419 – (21) 3514-1447 – (31) 3515-5915 – (37) 3512-7474 – (37) 3212-4225 (41) 3012-0612 – (51) 3103-0993 – (61) 3246-0546 – (62) 3412-8312
  17. 17. - Agora vamos inserir os players auxiliares para dispositivos móveis, para este o procedimento será quase idêntico, porém para a cessar o código é necessário clicar no botão referente ao sistema do aplicativo - Vamos iniciar com o sistema “IOS”, sendo este para Iphone, Ipad e dispositivos Apple. No painel de controle clique no botão referente ao sistema - Observe que será exibida uma janela com o código para o Player, neste código contém não somente o player, mas uma imagem para acesso ao player. (11) 3509-1419 – (21) 3514-1447 – (31) 3515-5915 – (37) 3512-7474 – (37) 3212-4225 (41) 3012-0612 – (51) 3103-0993 – (61) 3246-0546 – (62) 3412-8312
  18. 18. Geralmente é inserido o player principal e abaixo do mesmo são inseridas as imagens para acesso através dos dispositivos moveis. Desta forma quando o usuário acessar o player principal com algum dispositivo móvel, basta clicar sobre o ícone abaixo do player principal, sem a necessidade de entrar em outro link. As imagens já inseridas no código são idênticas as que estão acima do botão , as mesmas podem ser alteradas, observe o código: (11) 3509-1419 – (21) 3514-1447 – (31) 3515-5915 – (37) 3512-7474 – (37) 3212-4225 (41) 3012-0612 – (51) 3103-0993 – (61) 3246-0546 – (62) 3412-8312
  19. 19. Este é o código copiado em minha aplicação de teste, para facilitar selecionei a parte do código correspondente a imagem que será exibida, para alterar basta informar o endereço da nova imagem substituindo o antigo. O restante do código deve permanecer intacto para o funcionamento do mesmo. - Após selecionar completamente o código do player, clique com o botão direito em cima da seleção e escolha a opção “Copiar” (11) 3509-1419 – (21) 3514-1447 – (31) 3515-5915 – (37) 3512-7474 – (37) 3212-4225 (41) 3012-0612 – (51) 3103-0993 – (61) 3246-0546 – (62) 3412-8312
  20. 20. Obs.: Para o player funcionar deve ser copiado todo o código, observe que na caixa existe uma barra de rolagem para a visualização completa, o código inicia com <a href e termina com > </a>, sempre confira se todo o código esta selecionado - No Bloco de Notas do Windows abaixo do player principal, cole o player auxiliar no site (11) 3509-1419 – (21) 3514-1447 – (31) 3515-5915 – (37) 3512-7474 – (37) 3212-4225 (41) 3012-0612 – (51) 3103-0993 – (61) 3246-0546 – (62) 3412-8312
  21. 21. (11) 3509-1419 – (21) 3514-1447 – (31) 3515-5915 – (37) 3512-7474 – (37) 3212-4225 (41) 3012-0612 – (51) 3103-0993 – (61) 3246-0546 – (62) 3412-8312
  22. 22. - Após colar o código confira se o mesmo está completo e idêntico ao copiado no Painel de Controle. Salve a pagina e realize o upload, ao ser acessado será exibido o titulo, player Principal e player auxiliar (11) 3509-1419 – (21) 3514-1447 – (31) 3515-5915 – (37) 3512-7474 – (37) 3212-4225 (41) 3012-0612 – (51) 3103-0993 – (61) 3246-0546 – (62) 3412-8312
  23. 23. (11) 3509-1419 – (21) 3514-1447 – (31) 3515-5915 – (37) 3512-7474 – (37) 3212-4225 (41) 3012-0612 – (51) 3103-0993 – (61) 3246-0546 – (62) 3412-8312
  24. 24. - Repita o processo para todos os players auxiliares, neste exemplo vou utilizar um pequeno código CSS para organizar as imagens abaixo do player principal, assim as imagens vão ficar alinhadas Lembrando que as imagens utilizadas como ícones para acesso através dos dispositivos moveis e a posição das mesmas e do player podem ser modificadas de acordo com sua necessidade e vontade. - Observe o código fonte da pagina, montada neste exemplo tem somente o titulo, um código CSS para alinhar as imagens, o player principal e as imagens com os links para acesso através dos dispositivos móveis A pagina deste exemplo foi toda montada utilizando o Bloco de Notas, porém pode utilizar qualquer programa que tenha suporte ao formato do site (11) 3509-1419 – (21) 3514-1447 – (31) 3515-5915 – (37) 3512-7474 – (37) 3212-4225 (41) 3012-0612 – (51) 3103-0993 – (61) 3246-0546 – (62) 3412-8312
  25. 25. (11) 3509-1419 – (21) 3514-1447 – (31) 3515-5915 – (37) 3512-7474 – (37) 3212-4225 (41) 3012-0612 – (51) 3103-0993 – (61) 3246-0546 – (62) 3412-8312
  26. 26. (11) 3509-1419 – (21) 3514-1447 – (31) 3515-5915 – (37) 3512-7474 – (37) 3212-4225 (41) 3012-0612 – (51) 3103-0993 – (61) 3246-0546 – (62) 3412-8312
  27. 27. - Pronto agora você já sabe como instalar o player no site de forma simples e fácil, sem configurações complexas e sem dificuldades. - Qualquer dúvida entre em contato com nossa Central de Atendimento http://www.sitehosting.com.br/central-de-atendimento/ (11) 3509-1419 – (21) 3514-1447 – (31) 3515-5915 – (37) 3512-7474 – (37) 3212-4225 (41) 3012-0612 – (51) 3103-0993 – (61) 3246-0546 – (62) 3412-8312

×