pag-web

The repository store some libpag web demo.

Demo Code

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

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.