Update README.md
Browse files
README.md
CHANGED
@@ -1,9 +1,20 @@
|
|
1 |
# Media CDN for web360
|
2 |
Use to serve as a CDN for images and videos url for our websites
|
3 |
|
4 |
-
eg: blog ogImages, videos, and other logos and icons
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
5 |
***
|
6 |
|
|
|
7 |
## How to add some media
|
8 |
|
9 |
1. create and export your image from figma or video as mp4 from veed / loom etc. as file
|
@@ -24,16 +35,3 @@ eg: blog ogImages, videos, and other logos and icons
|
|
24 |
1. go to the file folder of the image / video you want to use
|
25 |
2. copy the hosting url by clicking the `copy download url` button.
|
26 |
3. use the url in our clipboard as source `src=` in html / react / markdown.
|
27 |
-
|
28 |
-
|
29 |
-
### Examples
|
30 |
-
|
31 |
-
How to use the `download url` of media files in this container:
|
32 |
-
|
33 |
-
```html
|
34 |
-
<img src="https://huggingface.co/web360/media/resolve/main/meet-alice.mp4"></img>
|
35 |
-
```
|
36 |
-
|
37 |
-
```html
|
38 |
-
<video src="https://huggingface.co/web360/media/resolve/main/meet-alice.mp4" controls></video>
|
39 |
-
```
|
|
|
1 |
# Media CDN for web360
|
2 |
Use to serve as a CDN for images and videos url for our websites
|
3 |
|
4 |
+
eg: blog ogImages, videos, and other logos and icons in the `Files tab`.
|
5 |
+
|
6 |
+
|
7 |
+
### Examples
|
8 |
+
How to use the `download url` of media files in this container:
|
9 |
+
|
10 |
+
```html
|
11 |
+
<img src="https://huggingface.co/web360/media/resolve/main/og-lobster.mp4"></img>
|
12 |
+
|
13 |
+
<video src="https://huggingface.co/web360/media/resolve/main/meet-alice.mp4" controls></video>
|
14 |
+
```
|
15 |
***
|
16 |
|
17 |
+
|
18 |
## How to add some media
|
19 |
|
20 |
1. create and export your image from figma or video as mp4 from veed / loom etc. as file
|
|
|
35 |
1. go to the file folder of the image / video you want to use
|
36 |
2. copy the hosting url by clicking the `copy download url` button.
|
37 |
3. use the url in our clipboard as source `src=` in html / react / markdown.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|