-
Notifications
You must be signed in to change notification settings - Fork 46
/
index.html
50 lines (50 loc) · 2.64 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>PAG</title>
<style>
body {
padding: 12px;
font-size: 16px;
}
.header {
height: 64px;
border-bottom: 1px solid rgb(193, 193, 193);
margin-bottom: 24px;
}
</style>
</head>
<body>
<div class="header">
<img src="./assets/logo.png" alt="logo" width="133" height="48" />
</div>
<h3>PAG Web demo:</h3>
<ul>
<li><a href="./pages/simple.html">Simple</a> - A simple demo to play pag file.</li>
<li><a href="./pages/multiple.html">Multiple</a> - Play multiple pag files.</li>
<li><a href="./pages/setprogress.html">SetProgress</a> - Set progress pag player progress.</li>
<li><a href="./pages/editable-index.html">EditableIndex</a> - Get editable pag layer in pag file.</li>
<li><a href="./pages/replace-text.html">ReplaceText</a> - Replace text in pag file.</li>
<li><a href="./pages/register-font.html">RegisterFont</a> - Register font for pag file.</li>
<li><a href="./pages/replace-image.html">ReplaceImage</a> - Replace image in pag file.</li>
<li><a href="./pages/replace-video.html">ReplaceVideo</a> - Replace video in pag file.</li>
<li><a href="./pages/audio.html">Audio</a> - Play audio from pag file.</li>
<li><a href="./pages/full-box.html">FullBox</a> - Make PAGView fill parent box.</li>
<li><a href="./pages/canvas-2d.html">Canvas2D(Beta)</a> - Use canvas2d.</li>
<li><a href="./pages/software-decoder.html">Software decoder</a> - Use software decoder.</li>
<li><a href="./pages/offscreen-canvas.html">offscreen canvas</a> - Create PAGView from offscreen canvas.</li>
<li><a href="./pages/set-composition.html">Set composition</a> - Set PAGComposition(PAGFile) into PAGView.</li>
<li><a href="./pages/make-composition.html">Make composition</a> - Make a new PAGComposition into PAGView.</li>
<li><a href="./pages/get-layers-under-point.html">Get layers under point</a> - Get layers under point</li>
<li><a href="./pages/play-with-scroll.html">Play with scroll</a> - Play with scroll</li>
<li><a href="./pages/make-snapshot.html">Make SnapShot</a> - Make SnapShot</li>
<li><a href="./pages/web-worker.html">WebWorker</a> - Running in WebWorker</li>
</ul>
More web demos coming soon. <br />
Related link: <a href="https://github.com/Tencent/libpag/tree/main/web">web sdk doc</a> |
<a href="https://github.com/Tencent/libpag">more docs</a>.
</body>
</html>