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

27
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

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

Page 1: Manual Para Instalar o Player do Serviço em Seu Site

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

Page 2: Manual Para Instalar o Player do Serviço em Seu Site

- 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

Page 3: Manual Para Instalar o Player do Serviço em Seu Site

- 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”

Page 4: Manual Para Instalar o Player do Serviço em Seu Site

- 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

Page 5: Manual Para Instalar o Player do Serviço em Seu Site

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

Page 6: Manual Para Instalar o Player do Serviço em Seu Site

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

Page 7: Manual Para Instalar o Player do Serviço em Seu Site

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

Page 8: Manual Para Instalar o Player do Serviço em Seu Site

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”

Page 9: Manual Para Instalar o Player do Serviço em Seu Site

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

Page 10: Manual Para Instalar o Player do Serviço em Seu Site

- 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

Page 11: Manual Para Instalar o Player do Serviço em Seu 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

Page 12: Manual Para Instalar o Player do Serviço em Seu 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

Page 13: Manual Para Instalar o Player do Serviço em Seu Site

- 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

Page 14: Manual Para Instalar o Player do Serviço em Seu Site

- 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

Page 15: Manual Para Instalar o Player do Serviço em Seu Site

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

Page 16: Manual Para Instalar o Player do Serviço em Seu Site

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

Page 17: Manual Para Instalar o Player do Serviço em Seu Site

- 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

Page 18: Manual Para Instalar o Player do Serviço em Seu Site

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

Page 19: Manual Para Instalar o Player do Serviço em Seu Site

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

Page 20: Manual Para Instalar o Player do Serviço em Seu Site

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

Page 21: Manual Para Instalar o Player do Serviço em Seu 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

Page 22: Manual Para Instalar o Player do Serviço em Seu Site

- 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

Page 23: Manual Para Instalar o Player do Serviço em Seu 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

Page 24: Manual Para Instalar o Player do Serviço em Seu Site

- 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

Page 25: Manual Para Instalar o Player do Serviço em Seu 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

Page 26: Manual Para Instalar o Player do Serviço em Seu 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

Page 27: Manual Para Instalar o Player do Serviço em Seu Site

- 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