taleem-player 0.7.0-rc → 0.7.1-rc
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +8 -26
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -2,33 +2,30 @@
|
|
|
2
2
|
# Taleem Player
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
<img src="
|
|
5
|
+
<img src="./docs/images/taleem.webp" alt="Taleem Player — JSON to Web Presentations" />
|
|
6
6
|
|
|
7
7
|
**Taleem Player** is a JavaScript library that converts **JSON slide data** into **web-based presentations**.
|
|
8
8
|
|
|
9
9
|
It provides multiple **modes** to display the same JSON presentation in different ways on the web.
|
|
10
10
|
|
|
11
|
-
---
|
|
12
11
|
###### Work in progress. Expect minor bugs, but no API breakages.
|
|
12
|
+
---
|
|
13
13
|
|
|
14
|
-
Demo and Documentation
|
|
15
|
-
|
|
16
|
-
See Taleem Player in action:
|
|
14
|
+
Demo and Documentation - See Taleem Player in action:
|
|
17
15
|
|
|
18
16
|
👉 https://bilza2023.github.io/taleem/
|
|
19
17
|
|
|
20
18
|
This live demo lets you explore:
|
|
21
19
|
|
|
22
|
-
Browser Mode — instant, index-based slide rendering
|
|
20
|
+
- Browser Mode — instant, index-based slide rendering
|
|
23
21
|
|
|
24
|
-
Player Mode — time-driven, progressive presentations
|
|
22
|
+
- Player Mode — time-driven, progressive presentations
|
|
25
23
|
|
|
26
|
-
Real Taleem slide JSON used in production
|
|
24
|
+
- Real Taleem slide JSON used in production
|
|
27
25
|
|
|
28
|
-
Shared CSS system powering all display modes
|
|
26
|
+
- Shared CSS system powering all display modes
|
|
29
27
|
|
|
30
|
-
No screenshots. No mock data.
|
|
31
|
-
What you see is the real engine running in the browser.
|
|
28
|
+
**No screenshots. No mock data.What you see is the real engine running in the browser.**
|
|
32
29
|
---
|
|
33
30
|
|
|
34
31
|
## What it does
|
|
@@ -102,21 +99,6 @@ import { createTaleemPlayer } from "taleem-player";
|
|
|
102
99
|
|
|
103
100
|
const player = createTaleemPlayer({
|
|
104
101
|
mount: "#app",
|
|
105
|
-
deckDemo and Documentation
|
|
106
|
-
|
|
107
|
-
Live demo and documentation are available here:
|
|
108
|
-
|
|
109
|
-
👉 https://bilza2023.github.io/taleem/
|
|
110
|
-
|
|
111
|
-
The demo showcases:
|
|
112
|
-
|
|
113
|
-
browser mode rendering
|
|
114
|
-
|
|
115
|
-
player mode rendering
|
|
116
|
-
|
|
117
|
-
real Taleem slide JSON
|
|
118
|
-
|
|
119
|
-
shared CSS across modes
|
|
120
102
|
});
|
|
121
103
|
|
|
122
104
|
player.renderAt(12.5); // render slide at time (seconds)
|