https://github.com/libpag/pag-web
The repository store some libpag web demo.
https://github.com/libpag/pag-web
libpag pag
Last synced: 4 months ago
JSON representation
The repository store some libpag web demo.
- Host: GitHub
- URL: https://github.com/libpag/pag-web
- Owner: libpag
- Created: 2022-01-13T14:33:09.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2025-08-15T12:14:06.000Z (10 months ago)
- Last Synced: 2025-08-15T14:13:59.017Z (10 months ago)
- Topics: libpag, pag
- Language: HTML
- Homepage:
- Size: 27.6 MB
- Stars: 152
- Watchers: 2
- Forks: 45
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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](https://github.com/Tencent/libpag) to report issues if you have any problems while using the PAG SDK.
## Demo Code
- [Simple](./pages/simple.html) - A simple demo to play pag file.
- [Multiple](./pages/multiple.html) - Play multiple pag files.
- [SetProgress](./pages/setprogress.html) - Set progress pag player progress.
- [EditableIndex](./pages/editable-index.html) - Get an editable pag layer in pag file.
- [ReplaceText](./pages/replace-text.html) - Replace text in pag file.
- [RegisterFont](./pages/register-font.html) - Register font for pag file.
- [ReplaceImage](./pages/replace-image.html) - Replace the image in pag file.
- [ReplaceVideo](./pages/replace-video.html) - Replace video in pag file.
- [Audio](./pages/audio.html) - Play audio from pag file.
- [FullBox](./pages/full-box.html) - Make PAGView fill the parent box.
- [Canvas2D(Beta)](./pages/canvas-2d.html) - Use canvas2d.
- [SoftwareDecoder](./pages/software-decoder.html) - Use software decoder.
- [OffscreenCanvas](./pages/offscreen-canvas.html) - Create PAGView from the offscreen canvas.
- [SetComposition](./pages/set-composition.html) - Set PAGComposition(PAGFile) into PAGView.
- [Make composition](./pages/make-composition.html) - Make a new PAGComposition into PAGView.
- [Get layers under point](./pages/get-layers-under-point.html) - Get layers under point.
- [Play with scroll](./pages/play-with-scroll.html) - Play with scroll.
- [Make Snapshot](./pages/make-snapshot.html) - Make Snapshot.
Quick look
```bash
$ npm install
$ npm run start
```
More web demos coming soon.
## Vue
- [vue2-libpag-webpack-demo](https://github.com/libpag/pag-web/tree/main/vue/vue2)
- [vue3-vite-libpag](https://github.com/libpag/pag-web/tree/main/vue/vue3)
## React
- [React](https://github.com/libpag/pag-web/tree/main/react)
## PixiJS
- [PixiJS](https://github.com/libpag/pag-web/tree/main/pixijs)
Related link: [Web SDK doc](https://github.com/Tencent/libpag/tree/main/web) | [more docs](https://github.com/Tencent/libpag).