ApsaraVideo VOD:Recursos básicos

Os recursos básicos do ApsaraVideo Player SDK for Web são ativados por atributos ou métodos.

O exemplo a seguir demonstra como chamar os métodos:

var player = new Aliplayer({},function(player) {
    player.setSpeed(2);
 });

Use o método seek para iniciar a reprodução em um momento determinado. Exemplo:

// time specifies the specified point in time. Unit: seconds. 
player.seek(time)

Use o método pause para interromper temporariamente a reprodução. Exemplo:

player.pause()

Use o método dispose para destruir uma instância do player. Exemplo:

player.dispose()

Use a operação setRotate para girar a imagem conforme o ângulo desejado. Também é possível consultar o ângulo atual. Exemplo:

// Specify the rotation angle. A positive value of Angle specifies a clockwise rotation. A negative value of Angle specifies an anticlockwise rotation. For example, player.setRotate(180) specifies a clockwise rotation of 180 degrees. 
player.setRotate(<Angle>)
// Obtain the rotation angle. 
player.getRotate()

Chame setImage para configurar o modo de espelhamento. Modos suportados: espelhamento horizontal e vertical. Exemplo:

// Horizontal mirroring.
player.setImage('horizon')
// Vertical mirroring.
player.setImage('vertical')

O ApsaraVideo Player SDK for Web disponibiliza os atributos videoHeight e videoWidth para definir a altura e a largura do vídeo. Geralmente, essas dimensões são menores que as do contêiner para evitar que o vídeo transborde do elemento pai durante rotações e espelhamentos. Exemplo:

 width: '100', // The width of the container.
 height: '100%', // The height of the container.
 videoHeight:"200px", // The height of the video.

Use getCurrentTime para recuperar o progresso atual. Exemplo:

// The returned time is measured in seconds. 
player.getCurrentTime()

Consulte a duração total de um vídeo. Essa informação só fica disponível após o carregamento do conteúdo. Por exemplo, faça a consulta após o evento de reprodução ser disparado. Chame getDuration para obter a duração total. O vídeo precisa estar carregado ou em reprodução para que o valor seja retornado. Exemplo:

player.getDuration()

Use getStatus para verificar o estado atual da reprodução. Valores de retorno:

• init: Inicializando.

• ready: Pronto.

• loading: Carregando.

• play: Reproduzindo.

• pause: Pausado.

• playing: Em reprodução.

• waiting: Bufferizando.

• error: Erro.

• ended: Finalizado.

Exemplo:

player.getStatus()

Ajuste o nível de áudio ou silencie o vídeo conforme necessário.

Use a operação setVolume para modificar o volume. Também é possível consultar o nível atual. Exemplo:

// Set the volume to a real number from 0 to 1. 
player.setVolume(0)
// Obtain the current volume. 
player.getVolume()

Use o método mute para silenciar o áudio durante a reprodução. Exemplo:

// Mute the video.
player.mute();
// Unmute the video.
player.unMute();

Se você usar a interface de usuário (UI) padrão do ApsaraVideo Player SDK for Web, aproveite o recurso integrado para alterar a velocidade enquanto assiste ao vídeo. Para interfaces personalizadas, chame a operação setSpeed para fazer esse ajuste.

Exemplo:

// Specify the playback speed. The following sample code provides an example on how to set the playback speed to twice the current speed. 
player.setSpeed(2)

Configure as URLs de streams em diferentes resoluções para habilitar a reprodução com múltiplas definições.

• Na reprodução via VID e PlayAuth, nenhuma configuração adicional é necessária. O ApsaraVideo Player SDK for Web obtém automaticamente a lista de definições do ApsaraVideo VOD. Clique em Settings na página de reprodução para visualizar as opções disponíveis.

  Nota

  Nesse cenário (VID e PlayAuth), use o atributo format para escolher entre os formatos MP4 ou MP3 no player HTML5. Por padrão, arquivos MP4 são selecionados.

• Para reprodução baseada em URL, configure pares chave-valor no atributo source indicando as URLs das streams em cada definição. Esses pares devem estar no formato JSON. Após aplicar as configurações, clique em Settings na página de reprodução para ver a lista de definições.

No modo de reprodução por URL, os seguintes pares chave-valor são suportados no atributo source:

   "OD": "<Original quality URL>"
   "FD": "<Low definition URL>"
   "LD":"<Standard definition URL>"
   "SD": "<High definition URL>"
   "HD": "<Ultra-high definition URL>"
   "2K": "<2K URL>"
   "4K": "<4K URL>"

Veja abaixo um exemplo de configuração de definições no modo de reprodução por URL:

// The following example shows how to configure the high definition and ultra-high definition URLs. 
source:'{"HD":"http://******/player/hdexample.mp4","SD":"http://******/player/sdexample.mp4"}'

O ApsaraVideo Player SDK for Web também permite usar o atributo qualitySort para ordenar as definições de forma crescente ou decrescente.

• O valor desc organiza a lista da maior para a menor definição.

• O valor asc ordena da menor para a maior definição.

rePlay:true

player.on('ended',function(){
   player.replay()
})