Fazer capturas de tela de páginas web ou arquivos HTML

🤖/html/convert faz capturas de tela de páginas web ou de páginas HTML enviadas por upload.

Exemplo de uso

{
  "steps": {
    "captured": {
      "robot": "/html/convert",
      "url": "https://transloadit.com"
    }
  }
}

Parâmetros

• interpolate

  boolean | Record<string, boolean>

  Controla se as Assembly Variables são interpoladas em campos individuais de instruções.

  Por padrão, a maioria dos campos de instruções dos Robots interpola Assembly Variables. Defina isso como false para tratar todos os campos de instruções como texto literal, ou defina o caminho de um campo individual como false para tratar apenas esse campo como texto literal. Para campos específicos de um Robot que são literais por padrão, defina isso como true ou defina o caminho desse campo como true para voltar a usar a interpolação.

  Use nomes de campos como path ou caminhos com pontos como ffmpeg.vf para objetos aninhados.

• output_meta

  Record<string, boolean> | boolean | Array<string>

  Permite especificar um conjunto de metadados cujo cálculo exige mais CPU e que, por isso, vem desativado por padrão para manter o processamento das suas Assemblies rápido.

  Para imagens, você pode adicionar "has_transparency": true neste objeto para extrair se a imagem contém partes transparentes e "dominant_colors": true para extrair um array de códigos de cores hexadecimais da imagem.

  Para imagens, você também pode adicionar "blurhash": true para extrair uma string BlurHash⁠ — uma representação compacta de um placeholder da imagem, útil para exibir uma prévia desfocada enquanto a imagem completa carrega.

  Para vídeos, você pode adicionar o parâmetro "colorspace": true para extrair o espaço de cores do vídeo de saída.

  Para vídeos, você também pode adicionar "interlaced": true para detectar se o vídeo é entrelaçado. Isso combina a flag computacionalmente barata field_order do ffprobe com uma passagem de amostragem idet limitada sobre os primeiros quadros da origem, expondo interlaced, field_order e um objeto de diagnóstico interlace_detection em file.meta. Isso é computacionalmente caro e cobrado de acordo.

  Para áudio, você pode adicionar "mean_volume": true para obter um único valor que representa o volume médio do arquivo de áudio.

  Você também pode definir isso como false para pular a extração de metadados e acelerar a transcodificação.

• user_meta

  Record<string, any>(padrão: {})

  Adiciona metadados JSON personalizados a cada arquivo emitido sem modificar seu conteúdo. Objetos e arrays aninhados são suportados.

  A herança depende do Robot. Os valores são mesclados com o user_meta existente no arquivo de saída; o Step atual substitui as chaves de nível superior com o mesmo nome. Atribua explicitamente as chaves necessárias quando um Robot criar novas saídas.

  Nos Steps de processamento, ${file.*} se refere à primeira entrada e ${result.*} ao arquivo emitido. Os valores são avaliados para cada saída após a execução do Robot, antes da extração subsequente de metadados e do armazenamento temporário. Em :original, os valores são avaliados para cada upload antes da extração de metadados.

  Os Steps subsequentes leem ${file.user_meta.key}. Consulte Metadados personalizados para ver um exemplo completo e as regras de herança.

• result

  boolean(padrão: false)

  Se os resultados deste Step devem estar presentes no Assembly Status JSON

• queue

  batch

  Definir a fila como “batch” rebaixa manualmente a prioridade dos Jobs deste Step, para evitar o consumo de vagas prioritárias de Jobs em Jobs que não precisam de tempo zero de espera na fila

• force_accept

  boolean(padrão: false)

  Forçar um Robot a aceitar um tipo de arquivo que ele teria ignorado.

  Por padrão, os Robots ignoram arquivos que não conhecem. O 🤖/video/encode, por exemplo, ignora tranquilamente imagens de entrada.

  Com o parâmetro force_accept definido como true, você pode forçar os Robots a aceitar todos os arquivos enviados a eles. Isso normalmente leva a erros e só deve ser usado para depuração ou para lidar com casos extremos.

• ignore_errors

  boolean | Array<meta | execute>(padrão: [])

  Ignorar erros durante fases específicas do processamento.

  Definir isso como ["meta"] fará com que o Robot ignore erros durante a extração de metadados.

  Definir isso como ["execute"] fará com que o Robot ignore erros durante a fase principal de execução.

  Definir isso como true equivale a ["meta", "execute"] e fará com que erros sejam ignorados nas duas fases.

• use

  string | Array<string> | Array<object> | object

  Especifica quais Steps usar como entrada.

  • Você pode escolher qualquer nome para os Steps, exceto ":original" (reservado para uploads de usuários tratados pela Transloadit)
  • Você pode fornecer vários Steps como entrada usando arrays:

    {
      "use": [
        ":original",
        "encoded",
        "resized"
      ]
    }
    

  • Você também pode marcar os Steps de entrada com as para transmitir intenção semântica aos Robots:

    {
      "use": [
        {
          "name": ":original",
          "as": "image"
        },
        {
          "name": ":original",
          "as": "mask"
        }
      ]
    }
    

  Dica

  Provavelmente é tudo o que você precisa saber sobre use, mas você pode ver os casos de uso avançados.

• url

  string | null(padrão: null)

  A URL da página a ser convertida. Opcional, pois você também pode fazer upload de arquivos HTML ou importá-los e passá-los para este Robot.

• format

  jpeg | jpg | pdf | png(padrão: "png")

  O formato da imagem resultante.

• fullpage

  boolean(padrão: true)

  Determina se deve ser feita uma captura de tela da página inteira.

  Se definido como true, o parâmetro height não terá efeito, pois as alturas dos sites variam. Ainda assim, você pode controlar parcialmente o tamanho da imagem resultante definindo o parâmetro width.

  Se definido como false, uma imagem será recortada a partir do topo da página de acordo com seus parâmetros width e height.

• omit_background

  boolean(padrão: false)

  Determina se o fundo transparente das páginas HTML deve ser preservado. Útil se você estiver gerando arte em HTML que deseja sobrepor, por exemplo, a um vídeo.

  O valor padrão false preenche áreas transparentes com um fundo branco para facilitar a leitura/impressão.

  Este parâmetro só é usado quando format não é pdf.

• width

  string | number(padrão: 1024)

  A largura da tela que será usada, em pixels. Altere este valor para mudar as dimensões da imagem resultante.

• height

  string | number

  A altura da tela que será usada, em pixels. Por padrão, equivale ao comprimento da página em pixels se fullpage estiver definido como true. Se fullpage estiver definido como false, o parâmetro de altura terá efeito e usará o valor padrão 768.

• delay

  string | number(padrão: 0)

  O tempo de espera (em milissegundos) aplicado para permitir a renderização da página e de todo o seu JavaScript antes de fazer a captura de tela.

• headers

  Record<string, string>

  Um objeto com cabeçalhos opcionais que serão enviados junto com a requisição original ao site. Por exemplo, este parâmetro pode ser usado para enviar um token de autorização junto com a requisição.

• wait_until

  domcontentloaded | load | networkidle | commit(padrão: "networkidle")

  O evento a aguardar antes de fazer a captura de tela. Usado para o carregamento de JavaScript e imagens.

  Consulte a documentação do Playwright⁠ para mais informações.

Demonstrações

Publicações relacionadas no blog