Explain me how the JavaScript code of Chrome extension Simple Vimeo Downloader is working
Budget: €30 – €250 EUR
In this project, my goal is to improve my JavaScript skills in such a way that I am able to understand existing code and make basic adjustments to it. For this purpose, I want two things from the freelancer:
1) Explain me how the JavaScript code of Simple Vimeo Downloader https://github.com/devlab21/simple-vimeo-downloader-extension is working. This explanation/lecture/lesson, I want from Microsoft Teams so that I can record the explanation.
2) At the end of our explanation I should be able to add an extra button for higher resolution downloads. This can be either without any help or a little bit with your help, but it should not be that you completely make it by yourself and I do not know what you have done, because my main purpose is to learn something.
Let me clarify a little more about what I already know. I have basic understanding already about how the HLS protocol of Vimeo is working. Simply put, the video is cut up into multiple pieces for streaming purposes and the links can be found in the .m3u8 file. This .m3u8 file is http requested by your browser and the vimeo server responds to this. You can analyze this in Chrome with F12 under network. When the browser is trying to play a video, it request these multiple parts and shows them to you in the media player that it is using. The task of the player in the browser is basically to pretend as if it is one single piece and not multiple pieces that you have to download one-by-one.
For me, at the moment, the most important thing is to be able to understand and follow how the code of Simple Vimeo Downloader is working. The main part of the code is in JavaScript and can be found online on https://github.com/devlab21/simple-vimeo-downloader-extension. It is basically injecting a few buttons which link to the different supported qualities, but it is also combining the different files that the m3u8 file is pointing to into one mp4-file ready to be downloaded.
At the end of our lecture/lesson/explanation, I would like to be able to extend/change the tool so that I can add one extra button for even higher resolution, because currently the highest supported is 1080p.
For example this video https://vimeo.com/595506202 with password 2de0c8bc-e, I know that higher resolution than 1080p is possible, because you can select 2k resolution in the browser, but the Simple Vimeo Downloader Extension is not supporting this at the moment. After your explanation/lesson/lecture, I want to understand the code in such depth so that I can extend the code in order to create an extra button for higher resolution.
1) Explain me how the JavaScript code of Simple Vimeo Downloader https://github.com/devlab21/simple-vimeo-downloader-extension is working. This explanation/lecture/lesson, I want from Microsoft Teams so that I can record the explanation.
2) At the end of our explanation I should be able to add an extra button for higher resolution downloads. This can be either without any help or a little bit with your help, but it should not be that you completely make it by yourself and I do not know what you have done, because my main purpose is to learn something.
Let me clarify a little more about what I already know. I have basic understanding already about how the HLS protocol of Vimeo is working. Simply put, the video is cut up into multiple pieces for streaming purposes and the links can be found in the .m3u8 file. This .m3u8 file is http requested by your browser and the vimeo server responds to this. You can analyze this in Chrome with F12 under network. When the browser is trying to play a video, it request these multiple parts and shows them to you in the media player that it is using. The task of the player in the browser is basically to pretend as if it is one single piece and not multiple pieces that you have to download one-by-one.
For me, at the moment, the most important thing is to be able to understand and follow how the code of Simple Vimeo Downloader is working. The main part of the code is in JavaScript and can be found online on https://github.com/devlab21/simple-vimeo-downloader-extension. It is basically injecting a few buttons which link to the different supported qualities, but it is also combining the different files that the m3u8 file is pointing to into one mp4-file ready to be downloaded.
At the end of our lecture/lesson/explanation, I would like to be able to extend/change the tool so that I can add one extra button for even higher resolution, because currently the highest supported is 1080p.
For example this video https://vimeo.com/595506202 with password 2de0c8bc-e, I know that higher resolution than 1080p is possible, because you can select 2k resolution in the browser, but the Simple Vimeo Downloader Extension is not supporting this at the moment. After your explanation/lesson/lecture, I want to understand the code in such depth so that I can extend the code in order to create an extra button for higher resolution.