Repository
https://github.com/code-with-sam/finallynetwork/
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
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.
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.
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