mohamedbakoush / watchvideobylink Goto Github PK
View Code? Open in Web Editor NEWVideo Archiving and Streaming Service.
License: Apache License 2.0
Video Archiving and Streaming Service.
License: Apache License 2.0
Test cases no longer make sense, due to neglect, need to be redone.
Frontend
Backend
Descriptions are fairly technical jargon-heavy, simpler descriptions of what it is and how it can be used to achieve a typical goal with a real-world example.
Landing page with two sentences that explains WatchVideoByLink to a grandma, followed by animation or a 20-second video.
What is the difference between WatchVideoByLink and VLC?
Readme is not quickly understandable for what WatchVideoByLink is.
3 Tips For Making an Open Source Project in 2021 [Ultimate Guide]
Context: At /saved/videos a video can be moved/organized in anyway that the user want.
Design Proposal Ex 1: Folders can be moved/organized in anyway that the user want.
Design Proposal Ex 2: Folders are pinned to the top of the list.
As of now video/mp4 is being downloaded as a direct download which is maxed at 720p, its great for speed but not for video size (depending on video), application/x-mpegURL is recorded when an individual starts and stop the recoding, this can easily take huge amount of available space depending on the quality and length of the recorded video (can vary between 1gb to 5gb for 1 hour of content).
This is a problem, it could help minimize storage cost and increase number of videos able to contribute for storage.
The usage of FFMPEG is already utilize it could potentially be a great fit to use as video a tool for compression.
Navigation through the client scripts is an annoyance especially if one doesn't know the codebase, navigation should be as easy or better than backend scripts.
Client file structure needs to be restructured, each file should contain one major feature.
Current: https://github.com/MohamedBakoush/WatchVideoByLink/tree/master/client/scripts
Changes: https://github.com/MohamedBakoush/WatchVideoByLink/tree/client-file-restructure/client/scripts
This is for an improvement in readability/maintainability.
Describe the bug
videoLinkContainer width doesn't go smaller then 339px
Messes up the navigation bar under 339px, as the navigation bar gets smaller due to webpage width, videoLinkContainer will not budge under 339px making any device under 339px annoying to use (Mobile S - 320px)
To Reproduce
Expected behaviour
The size of videoLinkContainer minimum width should be 320px
Screenshots
Additional context
Screenshots are taken by a MacBook Pro 14”
When npm build command gets executed
Create JSON files with correct initial data inside
Run Script
StreamVideo.js needs to be split up into smaller JS files, its becoming difficult to navigate/maintain.
Currently over 2K lines of code.
Push folder path to history isn't available making refresh page or pressing presses previous page unable to work properly when the user is accessing the desired folder.
The days for manual FFmpeg downloads are gone
ffmpeg-installer
https://www.npmjs.com/package/@ffmpeg-installer/ffmpeg
https://github.com/kribblo/node-ffmpeg-installer
ffprobe-installer
https://www.npmjs.com/package/@ffprobe-installer/ffprobe
https://github.com/SavageCore/node-ffprobe-installer
Describe the bug
If download compression is true and the initial download (video/mp4) is not in the main folder before compression finishes at /saved/videos (due to moving the video file from the main folder into a created folder), videoID at available-videos.json won't update accordingly causing video/mp4 to be the main video file when watching due to the compressed video being inaccessible, making the compressed video a waste resources, time and space.
But if the compressed video is in the main folder when compression finishes, it works as expected
(Downloading works by Video/mp4 gets downloaded, then thumbnails (once completed video gets display video at /saved/video as video/mp4) and compression (once completed update video/mp4 to video/webm) if activated)
To Reproduce
Expected behaviour
available-videos.json Should be
"folder_filename": {
"info": {
"title": "folde_title",
"inside-folder": "folder-main"
},
"content": {
"video_filename": {
"info": {
"title": "video_filename",
"videoLink": {
"src": "/video/video_filename",
"type": "video/mp4",
"compressdSrc": "/compressed/video_filename",
"compressedType": "video/webm"
},
"thumbnailLink": {...}
}
}
}
}
Actually
"folder_filename": {
"info": {
"title": "folde_title",
"inside-folder": "folder-main"
},
"content": {
"video_filename": {
"info": {
"title": "video_filename",
"videoLink": {
"src": "/video/video_filename",
"type": "video/mp4"
},
"thumbnailLink": {...}
}
}
}
}
Describe the bug
videoLinkInput, videoTypeSelect, chooseVideoFile does not look the same between browsers
videoLinkContainer has different sizes between browsers
Expected behaviour
To look like the chrome version
Screenshots
Firefox
Size: 719.7px x 431.984px
Additional context
Screenshots are taken on fullscreen browsers by a MacBook Pro 14”
All the styling for the above content can be found at client/styles/index.css
Describe the bug
When a folder gets deleted it deletes its content inside its folder, and the content the folder is in should only delete the content that's inside its folder
To Reproduce
Steps to reproduce the behaviour:
Expected behaviour
Should only delete, the contents inside the folder (plus the folder itself)
Allow user to upload video, download full video by video URL or download by youtube-dl for any folder destination at /saved/videos
Self-hosting Video.js allows WatchVideoByLink to run offline.
Describe the bug
When dragging and dropping, instead of reordering the videos inside the folders, it jumps to the player.
To Reproduce
Steps to reproduce the behavior:
saved videos
.saved videos
. The video is in the original path.Expected behavior
5. Folder view is shown and the video is within the folder.
What device are you on?
Desktop
Additional context
WatchVideoByLink: Latest build running in docker container running on centos (using docker-compose.yml
from repository)
Firefox: 95.0.2 (64-bit) running on W10.
I can't reproduce this on Chrome.
JS Console errors:
Uncaught (in promise) TypeError: NetworkError when attempting to fetch resource. folder.js:197:1
inputSelectedIDIntoFolderID https://localhost/scripts/folder.js:197
AsyncFunctionThrow self-hosted:699
(Asíncrono: async)
_onDragEnd https://localhost/scripts/showAvailableVideos.js:501
(Asíncrono: EventListener.handleEvent)
dragDropAvailableVideoDetails https://localhost/scripts/showAvailableVideos.js:349
forEach self-hosted:208
dragDropAvailableVideoDetails https://localhost/scripts/showAvailableVideos.js:347
(Asíncrono: EventListener.handleEvent)
dragDropAvailableVideoDetails https://localhost/scripts/showAvailableVideos.js:343
folderOnClick https://localhost/scripts/showAvailableVideos.js:332
onclick https://localhost/scripts/showAvailableVideos.js:274
Hello everyone,
It's been a while since I last shared an update about the project. Some of you may be wondering what's been happening behind the scenes. While others potentially have forgotten why this project even exists.
I use this app quite often to watch my saved videos. It's much simpler than searching through my finder. Although other than watching videos, I don't seem to appreciate any additional features as particularly useful. While they are nice to have, something is missing, and I wonder if anyone feels the same. Do people enjoy this project, or are you okay with it slowly dying? I am fine with keeping the project as is and only fixing bugs when needed. But I'm also willing to completely redesign the project with a new system architecture and a wireframe to create a new foundation for rebuilding WatchVideoByLink.
A third option is also available: to do nothing, archive my creation, write of my loss, and let the project be as it is.
For any changes to be successful, support from the community is necessary. I want my efforts to be valued in one way or another and avoid previous mistakes where my efforts haven't been appreciated.
Stay safe,
Mohamed
Thanks for the app.
is it possible to add subtitle upload and subtitle options ( color - size - font , ... ) to app ?
thanks.
Is your feature request related to a problem? Please describe.
youtube-dl deprecated
Describe the solution you'd like
Switch to youtube-dl-exec
Additional context
npm.im/youtube-dl
npm.im/youtube-dl-exec
Option to choose a pre-downloaded video to help with restoring damaged video instead of the default for a better potential outcome.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.