GIF e APNG fazem parte da lista dos formatos de imagens animadas mais comuns. GIF significa Graphics Iinterchange Fformat e arquivos APNG são os Animated Portable Nnetwork Graphics . Se compararmos arquivos GIF e APNG de mesma qualidade, percebe-se que os arquivos APNG são menores em tamanho. Este artigo discutirá como reproduzir e pausar arquivos GIF e APNG animados em uma página da Web HTML usando C#.

Os seguintes tópicos serão abordados a seguir:

API .NET para imagens animadas

Para as imagens animadas, usarei a API GroupDocs.Viewer for .NET nos exemplos C# deste artigo. Juntamente com a renderização de imagens GIF e APNG, esta API suporta a renderização de documentos de processamento de texto, planilhas, PDF, apresentações, e-mails, arquivos ZIP, desenhos do Visio e CAD, imagens de eBooks, arquivos de código-fonte de programação e muitos outros formatos de documentos.

Você pode baixar as DLLs ou o instalador MSI da seção de downloads ou instalar a API em seu aplicativo .NET via NuGet.

PM> Install-Package GroupDocs.Viewer

Reproduzir e pausar imagens APNG animadas em C#

Para renderizar o arquivo de imagem APNG em uma página HTML, siga as etapas abaixo mencionadas. O código de origem C# e a saída também estão disponíveis abaixo.

  • Crie um objeto de classe Viewer com o arquivo de imagem APNG.
  • Crie o objeto HTMLViewOptions usando o método ForEmbeddedResources e fornecendo a ele o arquivo HTML de saída.
  • Chame o método View do objeto visualizador para criar a visualização da imagem animada APNG.

A seguir está o código C# que renderiza a imagem APNG para a página da Web HTML. Ele também fornece a opção de reprodução e pausa para o arquivo PNG animado.

// Renderize APNG para HTML com a opção Reproduzir e Pausar
using (Viewer viewer = new Viewer("animation.apng"))
{
    HtmlViewOptions options = HtmlViewOptions.ForEmbeddedResources("Web-Page-with-APNG.html");
    viewer.View(options);
}

Aqui está a visualização da página HTML de saída com o arquivo APNG. A partir deste link, você também pode experimentar a reprodução e pausa da animação APNG que é criada usando o código C# acima.

Pausar PNG animado APNG em C#

Reproduzir e pausar imagens GIF animadas em C#

Se você quiser renderizar as imagens GIF em uma página da Web HTML, poderá fazê-lo usando o código semelhante ao acima. A opção de reprodução e pausa também estará disponível para animações GIF, assim como para animações APNG. O exemplo de código C# a seguir renderiza o arquivo de animação GIF em HTML com a opção de reprodução e pausa.

// Renderize GIF para HTML com a opção Reproduzir e Pausar
using (Viewer viewer = new Viewer("animation.gif"))
{
    HtmlViewOptions options = HtmlViewOptions.ForEmbeddedResources("Web-Page-with-gif.html");
    viewer.View(options);
}

Conclusão

Tenho certeza de que você estará confiante para tentar renderizar arquivos GIF e APNG animados para páginas da Web HTML usando C#. Você pode construir seu próprio aplicativo .NET com o recurso de reproduzir e pausar animações GIF e APNG em C#.

Para saber mais sobre a API e imagens animadas, visite a documentação ou os exemplos de código aberto em GitHub. Em relação a qualquer dúvida ou confusão, sinta-se à vontade para entrar em contato com o suporte no fórum.

Tenha um bom dia animado com C#.

Veja também