
Repository
https://github.com/techcoderx/ipfsVideoUploader
For those who have no idea what this project is, check out the original announcement post here.
New features
Progress bar
- Related: Github issue #1
In the original release of the uploader, users who are using the uploader will not know the progress of the upload, nor if it's doing anything in the background. Now that I found onUploadProgress feature built into axios framework for handling AJAX requests, I was be able to obtain the progress of the upload constantly, calculate the % amount of bytes uploaded compared to total file size to upload, therefore display a progress bar underneath the upload button.

After the upload is complete, files added to IPFS node and returns IPFS hashes to the client, the progress bar will indicate that the uploader is submitting a new post to the Steem blockchain with the returned IPFS hashes.
Login check
As you can see in the above GIF, below the upload button and above the progress bar, shows the Steem username that is used to login. It's a small addition to the UI to tell the user that they have logged in successfully through SteemConnect, and the uploader is able to detect the login.
Save metadata as draft!
Something that is not in the official DTube uploader interface at all - now with one click of a button, you may save the title, description and tags that you have just entered into the browser's localStorage (basically browser cache). If this is not done in private browsing mode, or the cache is not cleared, the next time you log into the uploader it will retrieve the draft, and automatically fill up the text fields if any data exists in the draft here.
Change of IPFS links on Steem article body
- Related: Pull request #5
It's known that Cloudflare's IPFS gateway loads content in the IPFS network faster than the ipfs.io gateway run by IPFS devs, so a pull request have been made to change the links to use Cloudflare's IPFS gateway.
Added FAQ page!
As a host for video upload servers, it's expected to see some complaints regarding upload issues of all sorts, as well as many questions that people have been asking us on Discord, especially when dealing with 3rd party products. Most of the enquiries are similar, so I have put together a FAQ page for anyone to quickly refer to if they have troubles using the uploader, before reaching out to us.
The FAQ page can be viewed here and is linked in the footer of each webpage.
Other changes
- Added proper 404 redirect page -> commit
- Sanitized Shell commands -> commit
- Cleanup node_modules in source code -> issue, commit
All changes as described above are LIVE on https://uploader.oneloved.tube.
Roadmap
These are the features that are most likely to be included in the next code update:
- Separate text field for Steem Article Body -> Issue #2
- Uploading images to be included in Steem Article Body -> Issue #6
- Logging video hashes as mentioned in the FAQ
- Ability to upload user encoded versions of source as mentioned in the FAQ
Thanks for the contribution, @techcoderx! Those are some cool new quality of life features, especially the progress bar is a nice addition!
One thing I'd like to point out about the code:
varshouldn't be used, insteadletandconstshould be used.Your contribution has been evaluated according to Utopian policies and guidelines, as well as a predefined set of questions pertaining to the category.
To view those questions and the relevant answers related to your post, click here.
Need help? Write a ticket on https://support.utopian.io/.
Chat with us on Discord.
[utopian-moderator]
Thank you for your review, @amosbastian! Keep up the good work!
Wow, this is a good breakthrough ... the speed at uploading videos is very important, and the text stored in the draft is very necessary.
In my area I have a very weak internet connection, sometimes after waiting up to one hour to upload videos, and sometimes it fails because the connection is bad, and finally the text that we have written at length is gone, it sucks.
Finally all that has been answered, I am very happy with this update, this will help my work to create content on @Dtube .
Thanks for sharing @techcoderx ...
It may be possible that I introduce resuming uploads provided that I can figure it out 🤔
Hi @techcoderx!
Your post was upvoted by @steem-ua, new Steem dApp, using UserAuthority for algorithmic post curation!
Your post is eligible for our upvote, thanks to our collaboration with @utopian-io!
Feel free to join our @steem-ua Discord server
Hey, @techcoderx!
Thanks for contributing on Utopian.
We’re already looking forward to your next contribution!
Get higher incentives and support Utopian.io!
Simply set @utopian.pay as a 5% (or higher) payout beneficiary on your contribution post (via SteemPlus or Steeditor).
Want to chat? Join us on Discord https://discord.gg/h52nFrV.
Vote for Utopian Witness!
Great work Techcoderx. We appreciate all you do for DTube and the One love community.
Congratulations @techcoderx! You have completed the following achievement on the Steem blockchain and have been rewarded with new badge(s) :
Click here to view your Board of Honor
If you no longer want to receive notifications, reply to this comment with the word
STOPCongratulations @techcoderx! You have completed the following achievement on the Steem blockchain and have been rewarded with new badge(s) :
Click here to view your Board of Honor
If you no longer want to receive notifications, reply to this comment with the word
STOP