File size: 1,772 Bytes
df8f0c0
4b20647
df8f0c0
 
 
 
 
 
 
 
 
8c3cf63
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
8d9ee35
 
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
---
title: Shazam Playlist To Youtube Playlist | ToKnow.ai
emoji: 🏢
colorFrom: blue
colorTo: gray
sdk: docker
pinned: false
license: gpl-3.0
---

Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference


## TODO:

### Creating a youtube link:
https://github.com/TeamNewPipe/NewPipe/issues/7205

https://stackoverflow.com/a/64227523

https://github.com/TeamNewPipe/NewPipe/issues/7205

******

- Use VideoJS
- On scroll past the video, make the video player float on the page (in-player mode)
- On regresh, player should resume video playback position, player list position and all players
- make videos selectable to create a youtube playlist link
- add google analytics
- add enough details and data to reference toknow.ai blog post
- add ability to add abitrary songs that are not from shazam, or adding entire playlists or combining may playlists
- add about page that requirects to main site

*******

https://www.nlm.nih.gov/scripts/videojs/examples/playlist.html
https://www.nuevodevel.com/nuevo/playlist
https://www.nlm.nih.gov/scripts/videojs/examples/playlisth.html
add a spotify like player - https://www.labnol.org/internet/youtube-audio-player/26740/
https://codepen.io/celohc/pen/pomNrjm
https://codepen.io/Sakshi-Joshi-the-encoder/pen/QWRyRyQ
https://codepen.io/tag/spotify?cursor=ZD0xJm89MCZwPTQ=
https://codepen.io/stillurboy/pen/JjVexrM
https://codepen.io/tag/youtube
https://codepen.io/RIR360/pen/GRWNxpo
https://codepen.io/Diogo-Gon-alves-the-selector/pen/rNgyMxb

Add query parameter to tune the page for minimal UI, for embending into a blog post. Currently, the embeded iframe mentiones the same post in the embend, taking up too much uneccessary real estate. Also, only open in new tab when not an IFRAME