![](https://cdn.discordapp.com/attachments/447932130551398400/461013275484749825/dtube.gif)

## Repository

https://github.com/techcoderx/ipfsVideoUploader

For those who have no idea what this project is, check out the original announcement post [here](https://steemit.com/onelovedtube/@techcoderx/introducing-onelovedtube-ipfs-video-uploader-an-alternative-way-of-posting-videos-onto-dtube).

## New features

#### Progress bar

* Related: Github issue [#1](https://github.com/techcoderx/ipfsVideoUploader/issues/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](https://github.com/techcoderx/ipfsVideoUploader/blob/38d226fcd9f37b2e1f4364ca3b8bb7daa59dd8ed/client/uploader.js#L107) feature built into [axios](https://www.axios.com/) 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.

<center>![progressbar.gif](https://files.steempeak.com/file/steempeak/techcoderx/V6khiCNl-progressbar.gif)</center>

After the upload is complete, files added to IPFS node and returns IPFS hashes to the client, the progress bar will [indicate](https://github.com/techcoderx/ipfsVideoUploader/commit/38d226fcd9f37b2e1f4364ca3b8bb7daa59dd8ed#diff-2e56ef1ac2439f1bc98f605e17796fa2R118) 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](https://github.com/techcoderx/ipfsVideoUploader/blob/75b0694fae7faa56feb284a3cac733a7b3632b72/client/uploader.js#L243-L248) (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](https://github.com/techcoderx/ipfsVideoUploader/blob/75b0694fae7faa56feb284a3cac733a7b3632b72/client/uploader.js#L22-L37).

#### Change of IPFS links on Steem article body

* Related: Pull request [#5](https://github.com/techcoderx/ipfsVideoUploader/pull/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](https://github.com/techcoderx/ipfsVideoUploader/blob/master/FAQ.md) and is linked in the footer of each webpage.

#### Other changes

* Added proper 404 redirect page -> [commit](https://github.com/techcoderx/ipfsVideoUploader/commit/ac4e14d9d18d3d19be5f28a031ee2fb23ab992f2)
* Sanitized Shell commands -> [commit](https://github.com/techcoderx/ipfsVideoUploader/commit/4b54f12d727f3efc6fa6be19cc3794c977486a9f)
* Cleanup node_modules in source code -> [issue](https://github.com/techcoderx/ipfsVideoUploader/issues/3), [commit](https://github.com/techcoderx/ipfsVideoUploader/commit/470457f799686c07ff9c4f12a71e01295e97d287)

###### 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](https://github.com/techcoderx/ipfsVideoUploader/issues/2)
* Uploading images to be included in Steem Article Body -> [Issue #6](https://github.com/techcoderx/ipfsVideoUploader/issues/6)
* Logging video hashes as mentioned in the [FAQ](https://github.com/techcoderx/ipfsVideoUploader/blame/master/FAQ.md#L35)
* Ability to upload user encoded versions of source as mentioned in the [FAQ](https://github.com/techcoderx/ipfsVideoUploader/blame/master/FAQ.md#L25)

## Github account

https://github.com/techcoderx