Finally Network - New Theme 'Motion' D.tube Grid 📹

Repository

https://github.com/code-with-sam/finallynetwork/

https://finally.network

New Theme Release -

Happy to show you a little idea I've had for awhile and finally put it together. It's a super simple d.tube based video grid for video creators on Steem. This is hopefully the first of a few video themes or perhaps the beginning of a more customisable based video layout.

Included in the update

• Theme specific templates, Javascript and SCSS
• Grid View
• Single video Video - In modal
• Optional @finallycomments under video
• New Custom setting for comments option
• Dashboard tweak to allow custom settings across all themes (was just latest 'critday' theme before)

Full Github PR - finallynetwork/pull/38

Profile Video Grid - View @ninjavideo as an example

The theme is currently setup to work specifically with d.tube videos. In future I can add support for multiple video formats if needed. I oped for using the d.tube embed following the example of @steempeak and @busy. I looked into creating coding a custom js player and implementing the IPFS sources. Nothing stopping me form doing that in future but felt unnecessary at the current time.

// Dynamically change the embed iframe to switch video
$('#video-frame').attr('src', `https://emb.d.tube/#!/${username}/${permlink}/true`)

After spending a bunch of time looking through the best implementation of <video> it turned out using the emb.d.tube worked seamlessly and was simple to implement.

The video grid is responsive and expands from 1-5 videos based on screen size.

Single video loaded in modal with comments enabled

Motion theme can now be enabled in the Finally dashboard along with the custom setting for enabling/disabling Finally comments thread under the video. There is no automatic filtering for videos. A hashtag filter must be specified that will only match against video uploads.

Currently only the latest 15 posts are loaded by Finally. This can mean a user might not see any videos or see less videos than expected. The filtering is after the inital request from the Steem API. I need to dig into a better approach for searching/filtering a users posts and am tracking this issue here.

Finally Dashboard settings

Example @teamhumble without Finallycomments enabled

Feedback

Would be great to hear how I can improve this theme. If you have any suggestions on what you would like to see let me know. Comments or issue to Github welcome.

GitHub Account

https://github.com/sambillingham
https://github.com/code-with-sam