Spaces:
Running
on
CPU Upgrade
Running
on
CPU Upgrade
Commit
·
ce42baf
1
Parent(s):
523275c
rename to tikslop
Browse files- DEPLOYMENT.md +2 -2
- PROMPT_CONTEXT.md +1 -1
- build/web/flutter_bootstrap.js +1 -1
- build/web/flutter_service_worker.js +3 -3
- build/web/index.html +3 -3
- web/index.html +2 -2
DEPLOYMENT.md
CHANGED
@@ -3,7 +3,7 @@
|
|
3 |
|
4 |
Note: this document is meant for tikslop administrators only, not the general public.
|
5 |
|
6 |
-
|
7 |
|
8 |
### Setup the domain
|
9 |
|
@@ -66,7 +66,7 @@ PRODUCT_NAME="TikSlop" \
|
|
66 |
MAX_NODES="3" \
|
67 |
MAINTENANCE_MODE=false \
|
68 |
HF_TOKEN="<USE YOUR OWN HF TOKEN>" \
|
69 |
-
SECRET_TOKEN="<USE YOUR OWN
|
70 |
VIDEO_ROUND_ROBIN_SERVER_1="https:/<USE YOUR OWN SERVER>.endpoints.huggingface.cloud" \
|
71 |
VIDEO_ROUND_ROBIN_SERVER_2="https://<USE YOUR OWN SERVER>.endpoints.huggingface.cloud" \
|
72 |
VIDEO_ROUND_ROBIN_SERVER_3="https://<USE YOUR OWN SERVER>.endpoints.huggingface.cloud" \
|
|
|
3 |
|
4 |
Note: this document is meant for tikslop administrators only, not the general public.
|
5 |
|
6 |
+
TikSlop is not an app/tool but a website, it is not designed to be cloned (technically you can, but since this is not a goal it is not documented).
|
7 |
|
8 |
### Setup the domain
|
9 |
|
|
|
66 |
MAX_NODES="3" \
|
67 |
MAINTENANCE_MODE=false \
|
68 |
HF_TOKEN="<USE YOUR OWN HF TOKEN>" \
|
69 |
+
SECRET_TOKEN="<USE YOUR OWN TIKSLOP SECRET>" \
|
70 |
VIDEO_ROUND_ROBIN_SERVER_1="https:/<USE YOUR OWN SERVER>.endpoints.huggingface.cloud" \
|
71 |
VIDEO_ROUND_ROBIN_SERVER_2="https://<USE YOUR OWN SERVER>.endpoints.huggingface.cloud" \
|
72 |
VIDEO_ROUND_ROBIN_SERVER_3="https://<USE YOUR OWN SERVER>.endpoints.huggingface.cloud" \
|
PROMPT_CONTEXT.md
CHANGED
@@ -1,6 +1,6 @@
|
|
1 |
GENERAL CONTEXT:
|
2 |
|
3 |
-
|
4 |
|
5 |
The architecture is simple: a Flutter frontend UI with two main view (home_screen.dart for search, video_screen.dart for the ifinite video stream player). The frontend UI talks to a Python API (see api.py) using WebSockets, as we have various real-time communication needs (chat, streaming of MP4 chunks etc). This Python API is responsible for performing the actual calls to the generative video model and the LLM model (those are external servers hosted on Hugging Face, but explaining how they work is outside the scope of this documentation).
|
6 |
|
|
|
1 |
GENERAL CONTEXT:
|
2 |
|
3 |
+
TikSlop is an app where users can generate videos using AI. What is interesting is that both search results are generated (so there is no actual search in a DB, instead a LLM hallucinate search result items, simulation a video platform à la YouTube), but also the video streams (a video is composed of an infinite stream of a few seconds long MP4 clips, that are also generated using AI, using a fast generative model that works in nearly real-time, eg it takes 4s to generate 2s of footage).
|
4 |
|
5 |
The architecture is simple: a Flutter frontend UI with two main view (home_screen.dart for search, video_screen.dart for the ifinite video stream player). The frontend UI talks to a Python API (see api.py) using WebSockets, as we have various real-time communication needs (chat, streaming of MP4 chunks etc). This Python API is responsible for performing the actual calls to the generative video model and the LLM model (those are external servers hosted on Hugging Face, but explaining how they work is outside the scope of this documentation).
|
6 |
|
build/web/flutter_bootstrap.js
CHANGED
@@ -39,6 +39,6 @@ _flutter.buildConfig = {"engineRevision":"382be0028d370607f76215a9be322e5514b263
|
|
39 |
|
40 |
_flutter.loader.load({
|
41 |
serviceWorkerSettings: {
|
42 |
-
serviceWorkerVersion: "
|
43 |
}
|
44 |
});
|
|
|
39 |
|
40 |
_flutter.loader.load({
|
41 |
serviceWorkerSettings: {
|
42 |
+
serviceWorkerVersion: "3984072699"
|
43 |
}
|
44 |
});
|
build/web/flutter_service_worker.js
CHANGED
@@ -3,11 +3,11 @@ const MANIFEST = 'flutter-app-manifest';
|
|
3 |
const TEMP = 'flutter-temp-cache';
|
4 |
const CACHE_NAME = 'flutter-app-cache';
|
5 |
|
6 |
-
const RESOURCES = {"flutter_bootstrap.js": "
|
7 |
"version.json": "68350cac7987de2728345c72918dd067",
|
8 |
"tikslop.png": "570e1db759046e2d224fef729983634e",
|
9 |
-
"index.html": "
|
10 |
-
"/": "
|
11 |
"main.dart.js": "21ebc8127c44833620cc95fd08158166",
|
12 |
"tikslop.svg": "26140ba0d153b213b122bc6ebcc17f6c",
|
13 |
"flutter.js": "83d881c1dbb6d6bcd6b42e274605b69c",
|
|
|
3 |
const TEMP = 'flutter-temp-cache';
|
4 |
const CACHE_NAME = 'flutter-app-cache';
|
5 |
|
6 |
+
const RESOURCES = {"flutter_bootstrap.js": "5335e4dabe1f5d2dee5ab4900fe8d6c8",
|
7 |
"version.json": "68350cac7987de2728345c72918dd067",
|
8 |
"tikslop.png": "570e1db759046e2d224fef729983634e",
|
9 |
+
"index.html": "3a7029b3672560e7938aab6fa4d30a46",
|
10 |
+
"/": "3a7029b3672560e7938aab6fa4d30a46",
|
11 |
"main.dart.js": "21ebc8127c44833620cc95fd08158166",
|
12 |
"tikslop.svg": "26140ba0d153b213b122bc6ebcc17f6c",
|
13 |
"flutter.js": "83d881c1dbb6d6bcd6b42e274605b69c",
|
build/web/index.html
CHANGED
@@ -23,7 +23,7 @@
|
|
23 |
<!-- iOS meta tags & icons -->
|
24 |
<meta name="apple-mobile-web-app-capable" content="yes">
|
25 |
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
26 |
-
<meta name="apple-mobile-web-app-title" content="
|
27 |
<link rel="apple-touch-icon" href="icons/Icon-192.png">
|
28 |
|
29 |
<!-- Favicon -->
|
@@ -130,7 +130,7 @@
|
|
130 |
|
131 |
<div class="loading-container" id="loading">
|
132 |
<div class="logo-container">
|
133 |
-
<img src="tikslop.svg" alt="
|
134 |
</div>
|
135 |
<div class="loading-text">Loading #tikslop...</div>
|
136 |
</div>
|
@@ -156,7 +156,7 @@
|
|
156 |
</script>
|
157 |
|
158 |
<!-- Add version parameter for cache busting -->
|
159 |
-
<script src="flutter_bootstrap.js?v=
|
160 |
|
161 |
<!-- Add cache busting script -->
|
162 |
<script>
|
|
|
23 |
<!-- iOS meta tags & icons -->
|
24 |
<meta name="apple-mobile-web-app-capable" content="yes">
|
25 |
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
26 |
+
<meta name="apple-mobile-web-app-title" content="TikSlop">
|
27 |
<link rel="apple-touch-icon" href="icons/Icon-192.png">
|
28 |
|
29 |
<!-- Favicon -->
|
|
|
130 |
|
131 |
<div class="loading-container" id="loading">
|
132 |
<div class="logo-container">
|
133 |
+
<img src="tikslop.svg" alt="TikSlop Logo" class="logo">
|
134 |
</div>
|
135 |
<div class="loading-text">Loading #tikslop...</div>
|
136 |
</div>
|
|
|
156 |
</script>
|
157 |
|
158 |
<!-- Add version parameter for cache busting -->
|
159 |
+
<script src="flutter_bootstrap.js?v=1747140271" async></script>
|
160 |
|
161 |
<!-- Add cache busting script -->
|
162 |
<script>
|
web/index.html
CHANGED
@@ -23,7 +23,7 @@
|
|
23 |
<!-- iOS meta tags & icons -->
|
24 |
<meta name="apple-mobile-web-app-capable" content="yes">
|
25 |
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
26 |
-
<meta name="apple-mobile-web-app-title" content="
|
27 |
<link rel="apple-touch-icon" href="icons/Icon-192.png">
|
28 |
|
29 |
<!-- Favicon -->
|
@@ -130,7 +130,7 @@
|
|
130 |
|
131 |
<div class="loading-container" id="loading">
|
132 |
<div class="logo-container">
|
133 |
-
<img src="tikslop.svg" alt="
|
134 |
</div>
|
135 |
<div class="loading-text">Loading #tikslop...</div>
|
136 |
</div>
|
|
|
23 |
<!-- iOS meta tags & icons -->
|
24 |
<meta name="apple-mobile-web-app-capable" content="yes">
|
25 |
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
26 |
+
<meta name="apple-mobile-web-app-title" content="TikSlop">
|
27 |
<link rel="apple-touch-icon" href="icons/Icon-192.png">
|
28 |
|
29 |
<!-- Favicon -->
|
|
|
130 |
|
131 |
<div class="loading-container" id="loading">
|
132 |
<div class="logo-container">
|
133 |
+
<img src="tikslop.svg" alt="TikSlop Logo" class="logo">
|
134 |
</div>
|
135 |
<div class="loading-text">Loading #tikslop...</div>
|
136 |
</div>
|