Passo a passo guiado: site do portal de vídeo

A base para o Stream (criado no SharePoint) é ter arquivos de vídeo armazenados no SharePoint, microsoft teams, & Yammer com a capacidade de criar destinos que apresentam conteúdo de vídeo em sua intranet baseada em Viva Connections e SharePoint. Para obter mais informações em segundo plano, confira Visão geral da apresentação de vídeos com web parts, páginas, sites, portais &.

Com base na observação de como os usuários usaram soluções de vídeo anteriores, não achamos que as organizações precisem ter um único portal de vídeo para todos os vídeos em toda a organização. Em vez disso, vemos organizações colocando principalmente vídeos em sua intranet ao lado de outros arquivos, notícias e informações. Tentar ter um único portal de vídeo para toda a sua organização provavelmente não é necessário para a maioria das necessidades. Em vez disso, acreditamos que os vídeos devem ser armazenados em sites existentes do SharePoint, equipes do Teams e comunidades do Yammer. No entanto, sabemos que algumas organizações ainda desejam destinos focados principalmente em vídeos. Neste artigo, mostramos elementos de um site de portal de vídeo de exemplo para inspirá-lo e ajudamos você a aprender a usar o SharePoint para fazer o seu próprio.

Exemplo de site do portal de vídeo

Exemplo do site do portal de vídeo que está sendo mostrado por meio de Viva Connections como uma guia no Teams.

Elementos deste site de portal de vídeo:

Configuração geral

Criamos nosso site de portal de vídeo fazendo o seguinte...

  • Criando nosso site "Contoso TV" como um site do Hub
  • Criando nossos "canais" como sites associados ao Hub, selecionando + Criar site na barra superior do site do Hub e fazendo um site por canal
  • Carregar nossos vídeos em cada um dos diferentes sites que criamos

Menu de navegação do portal

Na parte superior do nosso portal de vídeo, há um menu persistente simples que permite que os usuários naveguem para ver vídeos, tendências, vídeos e uma lista dos canais que instalamos com nosso portal.

Menu superior do portal de vídeo que diz

Configuramos o menu por...

  • Editando a navegação do Hub para adicionar links às páginas que criaremos abaixo

Na parte superior da página, adicionamos uma seção de vídeo em destaque criada por algumas web parts, para chamar a atenção para um vídeo importante que queremos que eles watch diretamente na página.

Seção de vídeo em destaque do exemplo do portal de vídeo

Configuramos a seção de vídeo em destaque por...

  • Adicionando uma seção de um terço à direita na parte superior da página
  • Na seção à esquerda, adicionando uma Web Part de Arquivo e Mídia configurada para apontar nosso vídeo
  • Na seção à direita, adicionando uma Web Part de Botão com o texto "Assista agora" e vinculando-se ao nosso vídeo
  • No botão , adicionando uma Web Part de texto com a descrição do vídeo

Vídeos mais recentes

Na barra lateral do nosso portal de vídeo, estamos usando a Web Part de conteúdo realçada configurada para mostrar os vídeos mais recentes em nossos sites de canal. Os usuários podem ver os vários vídeos mais recentes e selecionar o link "Ver tudo" para acessar vídeos mais recentes.

Lista de vídeos mais recente da barra lateral do exemplo do portal de vídeo

Configuramos a Web Part de conteúdo realçado definindo...

  • Origem para Todos os sites no hub
  • Digite para Vídeos
  • Classificar por para Mais recente
  • Layout para Grade
  • Mostrar-se a esses muitos itens de cada vez para 5

Quando os usuários selecionam no link "Vídeos mais recentes" no menu de navegação do portal, eles vão para uma página que lista os principais vídeos em nossos sites de canal, na ordem de classificação mais recente.

Menu superior do portal de vídeo que diz

Para obter o link para uma página que mostra automaticamente os principais vídeos mais recentes de todos os nossos sites de canal, estamos usando o link "Ver tudo" de nossa Web Part de conteúdo realçado acima. Basta selecionar o link "Ver tudo" ao lado da web part "Vídeos mais recentes" e você acessará uma página como abaixo. Copie o link da barra de endereços e configure-o no menu de navegação do site do Hub. (O link terá /_layouts/15/SeeAll.aspx nele.)

Página de vídeos mais recente gerada automaticamente pelo link

Na barra lateral do nosso portal de vídeo, estamos usando a Web Part de conteúdo realçada configurada para mostrar os vídeos de tendência em nossos sites de canal. Os usuários podem ver o que mais foi visto nas últimas semanas e selecionar o link "Ver tudo" para chegar a vídeos mais tendências.

Lista de vídeos de tendência da barra lateral do exemplo do site do portal de vídeo

Configuramos a Web Part de conteúdo realçado definindo...

  • Origem para Todos os sites no hub
  • Digite para Vídeos
  • Classificar emTendências
  • Layout para Grade
  • Mostrar-se a esses muitos itens de cada vez para 5

Quando os usuários selecionam o link "Vídeos de tendência" no menu de navegação do portal, eles vão para uma página que lista as principais tendências em nossos sites de canal.

Menu superior do portal de vídeo que diz

Para obter o link para uma página que mostra automaticamente os principais vídeos de tendência de todos os nossos sites de canal, estamos usando o link "Ver tudo" de nossa Web Part de conteúdo realçado acima. Basta selecionar o link "Ver tudo" ao lado da web part "Vídeos de tendência" e você acessará uma página como abaixo. Copie o link da barra de endereços e configure-o no menu de navegação do site do Hub. (O link terá /_layouts/15/SeeAll.aspx nele.)

Página de vídeos de tendência gerada automaticamente pelo link

Canais realçados na home page do portal

Na main parte da página, adicionamos vários canais realçados para chamar a atenção para canais importantes. Cada seção de canal é criada por algumas web parts,

Faixa de canal realçada com o nome do canal e alguns vídeos dele

Configuramos a seção de canais realçados por...

  • Adicionando uma seção de um terço à esquerda
  • Na seção à esquerda, adicionando uma Web Part do Spacer , para poder centralizar nossa chamada de canal com a lista de vídeos
  • No espaçador, adicionando uma Web Part de chamada à ação
    • Configurando o rótulo botão Chamar para a ação e o link botão para o nome do canal e um link para o site do canal
    • Configurando a imagem De chamada para a ação Em segundo plano
    • Digitando uma descrição de canal curto no texto De chamada à web part de ação na página acima do botão
  • Na seção à direita, adicionando outra Web Part de conteúdo realçado para mostrar vídeos de nosso site de canal específico
    • Fonte para Selecionar sites
    • Colando a URL no site do canal, queremos realçar e verificar a caixa ao lado dela
    • Digite para Vídeos
    • Classificar por para Mais recente
    • Mostrar título e comandos para Desativar
    • Layout para Filmstrip
    • Mostrar-se a esses muitos itens de cada vez para 8

Página de lista de canais

Menu superior do portal de vídeo que diz

Quando os usuários selecionam o link "Canais" no menu de navegação do portal, eles vão para uma página que lista nossos sites de canal.

Exemplo do player de vídeo da página inicial da Internet

Criamos esta página por...

  • Criando uma nova página para nosso site do hub e dando-lhe o nome "Canais"
  • Adicionando a Web Part de Sites à página
  • Opções de seleção para Todos os sites no hub para mostrar automaticamente qualquer um dos nossos sites de canal associados ao nosso hub de portal de vídeo
  • Layout para Grade
  • Mostre-se a esses muitos itens de cada vez para 99 para que, à medida que adicionamos novos sites ao nosso hub, eles aparecerão automaticamente aqui

Confira também

Visão geral da apresentação de vídeos com web parts, páginas, sites, portais de &

Mais informações sobre Stream (no SharePoint)

Recursos no Stream (no SharePoint)

Conecte-se com a equipe de engenharia do Stream para nos dar comentários e saber mais sobre o Stream (no SharePoint)