Awesome

pag-web

The PAG SDK demo for the web platform.

Note

This repo is for demonstrating how to use the PAG SDK only, and it's not actively maintained. Please go to the main repo: Tencent/libpag to report issues if you have any problems while using the PAG SDK.

Demo Code

• Simple - A simple demo to play pag file.
• Multiple - Play multiple pag files.
• SetProgress - Set progress pag player progress.
• EditableIndex - Get an editable pag layer in pag file.
• ReplaceText - Replace text in pag file.
• RegisterFont - Register font for pag file.
• ReplaceImage - Replace the image in pag file.
• ReplaceVideo - Replace video in pag file.
• Audio - Play audio from pag file.
• FullBox - Make PAGView fill the parent box.
• Canvas2D(Beta) - Use canvas2d.
• SoftwareDecoder - Use software decoder.
• OffscreenCanvas - Create PAGView from the offscreen canvas.
• SetComposition - Set PAGComposition(PAGFile) into PAGView.
• Make composition - Make a new PAGComposition into PAGView.
• Get layers under point - Get layers under point.
• Play with scroll - Play with scroll.
• Make Snapshot - Make Snapshot.
• WebWorker - Running in WebWorker.

Quick look

$ npm install
$ npm run start

More web demos coming soon.

Vue

• vue2-libpag-webpack-demo
• vue3-vite-libpag

React

• React

PixiJS

• PixiJS

Related link: Web SDK doc | more docs.