DoctorSlimm commited on
Commit
5ba2630
·
verified ·
1 Parent(s): 293d4d4

Create README.md

Browse files
Files changed (1) hide show
  1. README.md +39 -0
README.md ADDED
@@ -0,0 +1,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
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
10
+ 2. upload the file to this dataset with a clean filename like `og-image-how-to-make-a-tokenizer.png`
11
+ 3. save and commit the dataset storage here
12
+ 4. use the media object `download url` in code / website.
13
+ ***
14
+
15
+ ### Note:
16
+ - use the `download url` to media in web or app code.
17
+ - - if you use it in your code it will render correctly in the web.
18
+ - do not try to view the `download url` a browser as it will *trigger a download automatically*
19
+ ***
20
+
21
+
22
+ ## How to use media after uploading.
23
+
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
+ ```