GIF en APNG komen uit de lijst met de meest voorkomende indelingen voor geanimeerde afbeeldingen. GIF staat voor Graphics Interchange Format en APNG-bestanden zijn de Animated Portable Network Graphics. Als we GIF- en APNG-bestanden van dezelfde kwaliteit vergelijken, valt op dat APNG-bestanden kleiner zijn. Dit artikel bespreekt het afspelen en pauzeren van geanimeerde GIF- en APNG-bestanden in een HTML-webpagina met behulp van C#.

De volgende onderwerpen komen hieronder aan bod:

.NET API voor geanimeerde afbeeldingen

Voor de geanimeerde afbeeldingen gebruik ik GroupDocs.Viewer for .NET API in de C#-voorbeelden van dit artikel. Naast het weergeven van GIF- en APNG-afbeeldingen, ondersteunt deze API het weergeven van tekstverwerkingsdocumenten, spreadsheets, PDF’s, presentaties, e-mails, ZIP-archieven, Visio- en CAD-tekeningen, eBooks-afbeeldingen, programmeerbroncodebestanden en vele andere documentindelingen.

U kunt de DLL’s of het MSI-installatieprogramma downloaden van de downloadsectie of de API in uw .NET-toepassing installeren via NuGet.

PM> Install-Package GroupDocs.Viewer

Geanimeerde APNG-afbeeldingen afspelen en pauzeren in C#

Volg de onderstaande stappen om het APNG-afbeeldingsbestand naar een HTML-pagina te renderen. De C#-broncode en uitvoer zijn ook hieronder beschikbaar.

  • Maak een klasseobject Viewer met het APNG-afbeeldingsbestand.
  • Maak het HTMLViewOptions-object met behulp van de ForEmbeddedResources-methode en geef het het uitvoer-HTML-bestand.
  • Roep de methode View van het viewer-object aan om de weergave voor de APNG-geanimeerde afbeelding te maken.

Het volgende is de C#-code die de APNG-afbeelding omzet in een HTML-webpagina. Het biedt ook de optie voor afspelen en pauzeren voor het geanimeerde PNG-bestand.

// Render APNG naar HTML met de optie Afspelen en pauzeren
using (Viewer viewer = new Viewer("animation.apng"))
{
    HtmlViewOptions options = HtmlViewOptions.ForEmbeddedResources("Web-Page-with-APNG.html");
    viewer.View(options);
}

Hier is de weergave van de HTML-uitvoerpagina met het APNG-bestand. Via deze link kunt u ook het afspelen en pauzeren van APNG-animatie ervaren die is gemaakt met de bovenstaande C#-code.

Pauzeer APNG geanimeerde PNG in C#

Geanimeerde GIF-afbeeldingen afspelen en pauzeren in C#

Als u de GIF-afbeeldingen naar een HTML-webpagina wilt weergeven, kunt u dit doen met dezelfde code als hierboven. De optie voor afspelen en pauzeren is ook beschikbaar voor GIF-animaties, net als voor APNG-animaties. Het volgende C#-codevoorbeeld geeft het GIF-animatiebestand weer in HTML met de afspeel- en pauzeoptie.

// Render GIF naar HTML met de optie Afspelen en pauzeren
using (Viewer viewer = new Viewer("animation.gif"))
{
    HtmlViewOptions options = HtmlViewOptions.ForEmbeddedResources("Web-Page-with-gif.html");
    viewer.View(options);
}

Conclusie

Ik weet zeker dat u zelfverzekerd zult zijn om geanimeerde GIF- en APNG-bestanden naar HTML-webpagina’s te renderen met C#. U kunt uw eigen .NET-toepassing bouwen met de functie om GIF- en APNG-animaties af te spelen en te pauzeren in C#.

Ga voor meer informatie over de API en geanimeerde afbeeldingen naar de documentatie of de open-sourcevoorbeelden op GitHub. Neem bij vragen of verwarring gerust contact op met de ondersteuning op het forum.

Een fijne geanimeerde dag met C#.

Zie ook