Skip to content

Media Components

Media Components introductions

componentIntroduçõesMinimum versionRemark
audioÁudio1.0.0
imageImagem1.0.0
videoVídeo1.0.0
cameraCâmera2.9.3
live-playerLive-Player2.10.1Requires a third-party audio/video SDK
live-pusherPusher ao vivo2.10.1Requires a third-party audio/video SDK
voip-roomvoip-thenNot supported

audio

attributetypeDefault valueRequiredIntroduçõesMinimum version
idstringnoIdentificador exclusivo de áudio para um componente1.0.0
srcstringnoEndereço de recurso para reproduzir áudio1.0.0
loopbooleanfalsenoSe deve jogar em um loop1.0.0
controlsbooleanfalsenoSe deve jogar em um loop1.0.0
posterstringnoO endereço do recurso de imagem da capa de áudio no controle padrão, se controles o valor do atributo for false de configuração de posição inválida1.0.0
namestringUnknown audionoO nome de áudio no controle padrão, se controles o valor do atributo for um nome de configuração falsa inválida1.0.0
authorstringUnknown authornoNome do autor no controle padrão, se o valor do atributo controles for false configuração do autor inválido1.0.0
binderroreventhandlenoAcionado quando um erro ocorre um evento de erro, detalhe = {errmsg: mediaError.code}1.0.0
bindplayeventhandlenoQuando ele começa/desencadeia o evento de reprodução enquanto está constituindo a reprodução1.0.0
bindpauseeventhandlenoQuando ele começa/desencadeia o evento de reprodução enquanto está constituindo a reprodução1.0.0
bindtimeupdateeventhandlenoAcionado quando a reprodução Progress timeUpdate Event, detalhe = {CurrentTime, Duration}1.0.0
bindendedeventhandlenoTrigger quando a reprodução termina o evento edificado1.0.0

image

attributetypeDefault valueRequiredIntroduçõesMinimum version
srcstringnoEndereço de recurso de fotografia2.11.4
modestringscaleToFillnoCorte de imagem, modo de zoom2.11.4
binderroreventhandlenoAcionado quando ocorre um erro, evento. Detalhe = {errmsg}2.11.4
bindloadeventhandlenoAcionado quando a imagem é carregada, evento. Detalhe = {altura, largura}2.11.4
webpbooleanfalsenoO padrão não resolve o formato WebP, suporta apenas os recursos da redeNot supported
lazy-loadbooleanfalsenoImagine o carregamento preguiçoso, prestes a inserir um determinado intervalo (tela dupla e de tela dupla) antes de começar a carregar2.12.2
show-menu-by-longpressbooleanfalsenoExibição de pressão de pressão longa Envie para amigos, coleta, salve PICÇÃO, Pesquise uma pesquisa, abra cartão de visita/vá para o bate-papo em grupo/Abra o menu phizclip (se a pi contiver o código bidimensional correspondente ou o Código do phizclip)Not supported
ValueIntroduçõesMinimum version
scaleToFillModo de zoom, zoom o PICTION com a proporção principal de aspecto, para que a largura da imagem seja totalmente esticada para arquivar
aspectFitModo de zoom, zoom o PICTION com a proporção principal de aspecto, para que a largura da imagem seja totalmente esticada para arquivar
aspectFillModo de zoom, mantenha a proporção de zoom de zoom, apenas para obter que o tamanho curto da imagem possa ser totalmente exibido. Ou seja, a imagem é usuária apenas completa apenas na direção horizontal ou vertical, a outra direção será tomada.
widthFixModo de zoom, largura inalterada, altura alterada automática, mantenha a taxa de largura / altura original inalterada
heightFixModo de zoom, altura inalterada, largura alterada automática, mantenha a taxa de largura / altura original inalterada
topModo de zoom, altura inalterada, largura alterada automática, mantenha a taxa de largura / altura original inalterada
bottomModo de cultivo, não escala a imagem, mostra apenas a área inferior do PICT
centerModo de cultivo, não escala a permanência, mostra apenas a área do meio do PICT
leftModo de colheita, não escala a ponta, apenas mostra a área esquerda da imagem
rightModo de cultivo, não escala a permanência, apenas mostra a área certa do PICT
top leftModo de cultivo, não escala a permanência, apenas mostra a área certa do PICT
top rightModo de colheita, não escala a ponta, mostra apenas a área superior direita da imagem
bottom leftModo de corte, não escala a imagem, mostra apenas a área inferior esquerda da imagem
bottom rightModo de corte, não escala a imagem, mostra apenas a área direita inferior do PICT

live-player

Por favor, preste atenção

live-player É phizclip e Rede acústica A função da cooperação, usando este componente para integrar o SDK do phizclip Phizclip e o som SDK no aplicativo antes de usá -lo.

attributetypeDefault valueRequiredIntroduçõesMinimum version
srcstringnoEndereço de áudio e vídeo.1.7.0
modestringlivenoPadrão1.7.0
autoplaybooleanfalsenoJogo automático1.7.0
mutedbooleanfalsenoEstá silenciado?1.7.0
orientationstringverticalnoDireção de Picção1.7.0
object-fitstringcontainnoModo de preenchimento, conter opcional, Fillcrop1.7.0
background-mutebooleanfalsenoEstá silenciado ao entrar no fundo?1.7.0
min-cachenumber1noBuffer mínimo em S (RTC Model Recomation 0.2s)1.7.0
max-cachenumber3noBuffer máximo em S (RECOMENTO DE MODELO RTC 0,8S). O buffer é usado para fluir de restrição. Quanto mais dados de buffer, melhor residente de rede, mas maior o atraso.1.7.0
sound-modestringspeakernoModo de saída sonora1.9.90
auto-pause-if-navigatebooleantruenoModo de saída sonora2.5.0
auto-pause-if-open-nativebooleantruenoQuando pule para outra página original do Phiz, seja para suspender automática a página de reprodução de áudio e vídeo em tempo real2.5.0
picture-in-picture-modestring/ArraynoDefina o modo de janela: empurre, pop, esvazie string ou defina vários modos como uma matriz como [ "push" , "pop" ]))2.10.3
bindstatechangeeventhandlenoPlay State Change Event, Detalhe = {Code}1.7.0
bindfullscreenchangeeventhandlenoEvento de Chang de tela cheia, detalhe = {direção, fullScreen}1.7.0
bindnetstatuseventhandlenoNotificação de status da rede, detalhe = {info}1.9.0
bindaudiovolumenotifyeventhandlernoJogue Notificação do tamanho do volume, detalhe = {}2.10.0
bindenterpictureinpictureeventhandlernoJogador na pequena janela2.11.0
bindleavepictureinpictureeventhandlernoJanela de saída do jogador2.11.0
valueIntroduçõesMinimum version
liveTransmissão ao vivo
RTCChamadas em tempo real, menor latência neste modo
valueIntroduçõesMinimum version
verticalvertical
horizontalvertical
valueIntroduçõesMinimum version
containO lado longo da imagem preenche a tela, a área lateral curta será preenchida
fillCropImagem espalhada pela tela, além da área de exibição será cortada de
valueIntroduçõesMinimum version
speakerPresidente
earReceptor
valueIntroduçõesMinimum version
[]Cancelar a pequena janela
pushroteamento push trigger window
popJanela de gatilho pop de roteamento

Status code

codeIntroduções
2001Connected to server
2002Already connected RTMP Server, start pulling the flow.
2003Network receives first video packet(IDR)
2004Video playback begins
2005Video Playback Progress
2006End of video playback
2007Video Playback Loading
2008Decoder startup
2009Video resolution changes
-2301Network disconnection, and after repeated connection rescue invalid, more retry please restart play
-2302Failed to get an accelerated pull-down address
2101Current video frame decoding failed
2102Current audio frame decoding failure
2103Current audio frame decoding failure
2104Network to packet instability: May be insufficient downlink bandwidth or because the anchor end streaming uneven
2105Current video playback appears to be Caton
2106Hard solution failed to start, soft solution
2107Hard solution failed to start, soft solution
2108Current stream hard solution first I frame failed, SDK automatically cut soft solution
3001RTMP - DNS resolution failure
3002RTMP server connection failed
3003RTMP server handshake failure
3005RTMP read/Write failed, then a network retry is initiated

Dados de status da rede

Key nameIntroduções
videoBitrateCodificação de vídeo atual/taxa de bits de saída do codificador, unidade KBPS
audioBitrateCodificação de vídeo atual/taxa de bits de saída do codificador, unidade KBPS
videoFPSTaxa atual de quadros de vídeo
videoGOPGOP de vídeo atual, que é a cada dois quadros -chave (i quadro) duração do intervalo, em unidades s
netSpeedVelocidade atual de envio/recebimento
netJitterJitter de rede; caso contrário, 0 Quando não há instabilidade, quanto maior o valor indicava que quanto mais a geater é a rede, mais instável a rede é
netQualityLevelQualidade da rede: 0: indefinida 1: melhor 2: bom 3: general 4: pobre 5: pobre 6: não disponível
videoWidthLargura do quadro de vídeo
videoHeightLargura do quadro de vídeo
videoCacheComprimento total do vídeo em cache em milissegundos
audioCacheComprimento total do vídeo em cache em milissegundos
vDecCacheSizeNúmero de Ferames de vídeo cache no decodificador (o Android existe quando o fim decodifica duras)
vSumCacheSize O número topal de quadros de vídeo Boded, quanto maior o número, maior o atraso de reprodução
avPlayIntervalHora do escritório de sincronização de imagem de áudio (reprodução), unidade MS, menor esse valor, melhor o som e a sincronização de som
avRecvIntervalHora do escritório de sincronização de imagem de áudio (reprodução), unidade MS, menor esse valor, melhor o som e a sincronização de som
audioCacheThresholdLimite de Durant Buffer de áudio, o buffer excede o limite, o jogador começará a ajustar o atraso

live-pusher

Por favor, preste atenção

live-pusher É phizclip e Rede acústica A função da cooperação, usando este componente para integrar o SDK do phizclip Phizclip e o som SDK no aplicativo antes de usá -lo.

attributetypeDefault valueRequiredIntroduçõesMinimum version
urlstringnoPush stream endereço.1.7.0
modestringRTCnoSD (SD), HD (HD), FHD (Ultra Clear), RTC (chamada ao vivo)1.7.0
autopushbooleanfalsenoEmpurrador automático1.7.0
mutedbooleanfalsenoSe deve ou não silenciar. Em breve será abandonado e disponível Ativar Mic Substituir1.7.0
enable-camerabooleantruenoLigue a Carera.1.7.0
auto-focusbooleantruenoAgregação automática1.7.0
orientationstringverticalnoAgregação automática1.7.0
beautynumber0noBeleza, alcance de valor 0-9, 0 indica fechamento1.7.0
whitenessnumber0noClareamento, faixa de valor 0-9, 0 indica fechamento1.7.0
aspectstring9:16noRazão, Opcional 3: 4, 9:161.7.0
min-bitratenumber200noTaxa de bits mínima1.7.0
max-bitratenumber1000noTaxa de bits máximo1.7.0
audio-qualitystringhighnoAlta qualidade (48 kHz) ou baixa qualidade de som (16 kHz), com um valor de bom, baixo, baixo1.7.0
waiting-imagestringnoUma tela de espera para o fluxo quando ele entra no fundo1.7.0
waiting-image-hashstringnoMD5 Valor do recurso de tela de espera1.7.0
zoombooleanfalsenoAjuste o foco2.1.0
device-positionstringfrontnoAntes ou depois, com um valor Offront, de volta2.3.0
background-mutebooleanfalsenoEstá silenciado ao entrar no fundo?1.7.0
mirrorbooleanfalsenoDefina se a imagem Pushstream é refletida e o efeito é reagir ao vivo2.7.0
remote-mirrorbooleanfalsenoCom o atributo espelhado, siga o espelho será abandonado2.10.0
local-mirrorstringautonoControle se a tela de visualização local é espelhada2.10.0
audio-reverb-typenumber0noTipo de reverberação de áudio2.10.0
enable-micbooleantruenoTipo de reverberação de áudio2.10.0
enable-agcbooleanfalsenoSe o ganho automático de áudio está ativado.2.10.0
enable-ansbooleanfalsenoLigue a supressão de ruído de áudio2.10.0
audio-volume-typestringautonoTipo de volume2.10.0
video-widthnumber360noTipo de volume2.10.0
video-heightnumber640noAltura de resolução do fluxo de vídeo Upshot2.10.0
beauty-stylestringsmoothnoDefinir tipo de beleza2.12.0
filterstringstandardnoDefina o filé de cor2.12.0
bindstatechangeeventhandlenoEvento de mudança de estado, detalhe = {code}1.7.0
bindnetstatuseventhandlenoNotificação de status da rede, detalhe = {info}1.9.0
binderroreventhandlenoEventos de erro de renderização, detalhe = {errmsg, errcode}1.7.4
bindbgmstarteventhandlenoAcionado quando o som de fundo começa a reproduzir2.4.0
bindbgmprogresseventhandlenoAcionado quando o progresso do som do fundo muda, detalhe = {Progresso, duração}2.4.0
bindbgmcompleteeventhandlenoAcionado quando o som de fundo é concluído2.4.0
bindaudiovolumenotifyeventhandlenoRetornar o volume coletado pelo microfone2.12.0
valueIntroduçõesMinimum version
verticalvertical
horizontalNível
valueIntroduçõesMinimum version
autoEspelho da câmera frontal, câmera traseira não espelho
enableCâmeras dianteiras e traseiras são espelhadas
disableCâmeras dianteiras e traseiras não são espelhadas
valueIntroduçõesMinimum version
0Pare
1Ktv
2Cubby
3Hall de Assembléia Geral
4Baixo
5Ressonante
6Som metálico
7Magnético
valueIntroduçõesMinimum version
autoAutomático
mediaVolume de mídia
voicecallVolume de chamada
valueIntroduçõesMinimum version
smoothBeleza suave
natureBeleza natural
valueIntroduçõesMinimum version
standardPadrão
pinkRosa e terno
nostalgiaNostalgia
bluesblues
romanticRomântico
coolLegal e refrescante
fresherFresco
solorSeção japonesa
aestheticismEstética
whiteningPara clarear
ceriseredFuchsia

video

attributetypeDefault valueRequiredIntroduçõesMinimum version
srcstringyesEndereço de recurso para reproduzir vídeo, suporte de rede, caminho da temperatura local, ID do arquivo de nuvem (2.3.0)1.0.0
durationnumbernoEspecifique o comprimento do vídeo1.1.0
controlsbooleantruenoSe você deve exibir os controles de reprodução/pausa padrão, progresso de reprodução, tempo, tempo, tempo, tempo, tempo)1.0.0
danmu-listArray.<object>noLista de barragens1.0.0
danmu-btnbooleanfalsenoSe você deve exibir a barragem, apenas o valor no tempo de inicialização, não pode ser alterado dinamicamente1.0.0
enable-danmubooleanfalsenoSe deve mostrar a barragem, válida apenas no momento da inicialização, não pode mudar dinamicamente1.0.0
autoplaybooleanfalsenoSeja para o AutoPlay1.0.0
loopbooleanfalsenoSe deve jogar em um loop2.11.2
mutedbooleanfalsenoJogo mudo2.11.2
initial-timenumber0noEspecifique localização inicial de reprodução de vídeo2.11.2
directionnumbernoDefina a direção do vídeo na tela cheia. Se não for especificado, será automático de acordo com a proporção2.11.2
show-progressbooleantruenoSe não estiver definido, o com é maior que 240 será exibido2.11.2
show-fullscreen-btnbooleantruenoSe deve exibir a tela cheia ok2.11.2
show-play-btnbooleantruenoSe você deve exibir a reprodução na parte inferior da barra de controle de vídeo2.11.2
show-center-play-btnbooleantruenoSe deve exibir a peça no meio do vídeo2.11.2
enable-progress-gesturebooleantruenoSe deve ativar o controle dos gestos de progresso2.11.2
object-fitstringcontainnoQuando o tamanho do vídeo é representar em vídeo quando os tamanhos de contêiner são inconsistentes1.0.0
posterstringnoCAPA DE VÍDEO RECURSO DE RECURSO DE REDIÇÃO DE REDE DE VÍDEO OU ID do arquivo de nuvem (2.3.0). Se controles Valor do atributo for False Setting Poster inválido1.0.0
show-mute-btnbooleanfalsenoSe deve exibir mudo2.11.2
titlestringnoLegenda de vídeo, mostrada na parte superior onde a tela2.11.2
play-btn-positionstringbottomnoPosição de jogo2.11.2
enable-play-gesturebooleanfalsenoSeja para ativar o gesto de jogo, ou seja, clique duas vezes em TOGLGL PLAY/PAUSE2.11.2
auto-pause-if-navigatebooleantruenoQuando pule para outras páginas deste phizclip, seja para uma pausa automática na página da reprodução de vídeo2.11.2
auto-pause-if-open-nativebooleantruenoQuando pule para outra página original do Phiz, seja para suspender automática a página do vídeo2.11.2(Android only)
vslide-gesturebooleanfalsenoSe você deve ativar os gestos de brilho e volume no modo de verificação não cheio de tela)2.11.2
vslide-gesture-in-fullscreenbooleantruenoSe você deve ativar o brilho e os gestos de ajuste de volume no modo de tela inteira2.11.2
poster-for-crawlerstringyesPara pesquisa e outras cenas como exibição de capa de vídeo, recomendado para usar nenhuma imagem de capa de vídeo de Ícone, suporte apenas endereço de redeNot supported
show-casting-buttonbooleanfalsenoExibir a captura de tela.3.0.31
picture-in-picture-modestring/ArraynoDefina o modo de janela: empurre, pop, esvazie string ou defina vários modos como uma matriz como [ "push" , "pop" ]))3.0.31
picture-in-picture-show-progressbooleanfalsenoSe deve exibir o progresso da reprodução no pequeno modo de janela3.0.31
enable-auto-rotationbooleanfalsenoSe você deve ativar a tela horizontal do telefone celular, quando as configurações do sistema ativam a rotação automática2.11.2
show-screen-lock-buttonbooleanfalsenoSe você deve exibir a tela de bloqueio ligada, apenas em tela cheia, trava a tela após a operação da barra de controle2.11.2
show-snapshot-buttonbooleanfalsenoSe deve exibir a captura de tela, apenas em tela cheia2.11.2
show-background-playback-buttonbooleanfalsenoSe deve exibir a captura de tela, apenas em tela cheia2.11.2
background-posterstringnoÍcone da barra de notificação após reprodução de áudio em segundo plano (exclusão do Android)2.11.2(Android only)
bindplayeventhandlenoQuando ele começa/desencadeia o evento de reprodução enquanto está constituindo a reprodução1.0.0
bindpauseeventhandlenoDesencadeado quando a reprodução é pausada no evento de pausa1.0.0
bindendedeventhandlenoTrigger quando a reprodução termina o evento edificado1.0.0
bindtimeupdateeventhandlenoTrigger quando a reprodução termina o evento edificado1.0.0
bindfullscreenchangeeventhandlenoTrigger quando a reprodução termina o evento edificado1.0.0
bindwaitingeventhandlenoAcionado quando o buffer de vídeo aparece2.11.2
binderroreventhandlenoAcionado quando a reprodução de vídeo dá errado2.11.2
bindprogresseventhandlenoAcionado quando o cronograma de carga muda, apenas uma carga é suportada. Event.Detail = {Buffersed}, porcentagem2.11.2
bindloadedmetadataeventhandlenoAcionado quando os metadados de vídeo são carregados. Event.Detail = {Largura, altura, duração}2.11.2
bindcontrolstoggleeventhandlenoPara alternar os controles acionados quando mostram escondidos. Event.Detail = {show}2.11.2
bindseekcompleteeventhandlernoJogador na pequena janela2.11.2
bindenterpictureinpictureeventhandlernoJanela de saída do jogadorNot supported
bindleavepictureinpictureeventhandlernoProcure a conclusão Tricger (unidade iOS positiva, unidade Android MS)Not supported

Observação:

  • 2.11.2 A biblioteca básica precisa ser usada com a versão SDK 2.34.1.
  • Alguns atributos do IDE não suportam configurações, envolvendo principalmente atributos como tela cheia, gestos e modo de pintura na pintura. Recomenda -se visualizá -lo com máquinas reais

native-view

Contêineres de visão nativa

attributetypeDefault valueRequiredIntroduçõesMinimum version
typestringcamerayesTipo de contêiner nativo, a configuração só será imutável
optionsstring{}noParâmetros personalizados passados ​​para o componente nativo, usuário
bindontaskeventhandlenoReceba eventos enviados por componentes nativos

Por exemplo, código

javascript
<native-view
  type= "{{type}}" 
  options= "{{options}}" 
  bindready= "bindonready" 
></native-view>

NOTA: Se você precisar ouvir o Native Global-Exibir evento, referência onCustomEvent API

camera

attributetypeDefault valueRequiredIntroduçõesMinimum version
modestringnormalnoModo de aplicação, válido apenas no tempo de inicialização, não mudando dinamicamente2.11.4
resolutionstringmediumnoResolução, não suporta modelo dinâmico2.11.4
device-positionstringbacknoCâmera voltada2.11.4
flashstringautonoFlash, valor automático, ativado, off2.11.4
frame-sizestringmediumnoEspecifique o tamanho dos dados do quadro da câmera desejado2.11.4
bindstopeventhandlenoA câmera é acionada quando termina anormalmente, como quando sai do plano de fundo.2.11.4
binderroreventhandlenoAcionado quando o usuário não tem permissão para usar o careraNot supported
bindinitdoneeventhandlenoAcionado quando a inicialização da câmera está concluída e.Detail = {maxZoom}2.11.4
bindscancodeeventhandlenoAcionado quando a varredura é bem -sucedida, somente após o modo de moda = "scancode" "2.11.4