Players embedded on website

[benhylau]

Sample code for how to embed players on the Our Networks (or any other) website.

[darkdrgn2k]

I updated Video.JS and videojs-contrib-hls in hopes to be more supported across devices

Also made the IPFS vs Traditional internet easier selection simpler and some UI feedback http://tomesh.org/stream/

Source https://github.com/darkdrgn2k/ipfs-live-stream/tree/master/client/js-version-ournetworks

working on making it look better on mobile. but its 1/2 decent right now

[dcwalk]

This looks so neat! Just to make sure I'm understanding -- we'd host this on the Our Networks site (ournetworks.ca), correct?

We could/should so some work to get a look and feel in line with the website. And maybe think about the best way to integrate/develop the page?

I imagine a topic for a co-work sesh!

[Shrinks99]

UI will match the website and integrate into the site. Currently we are working on delivering an embed-able player, @garrying will be in charge of exactly where it goes, but so far we're thinking somewhere on the homepage the day of the event.

[benhylau]

Run this on same box as ipfs-server and make URL for it.

[benhylau]

This is now merged in. Can the designer take over this ticket :) https://github.com/tomeshnet/ipfs-live-streaming/tree/master/terraform/shared/video-player

This is for this repo only and can have its own theme and colours independent from Our Networks.

[benhylau]

#1

Social Network and Cloud Network by Creative Stall from the Noun Project

#2

teamwork and Cloud by Dinosoft Labs from the Noun Project

#3

teamwork and Cloud by Dinosoft Labs from the Noun Project

In all of them I would imagine icon smaller centred in a larger bounding box, and IPFS HTTP text written underneath the icon.

@garrying @Shrinks99 thoughts? Want to draw our own?

The copy here is self-contradicting:

We also should change that graphic.

[dcwalk]

IPFS folks have some beautiful artwork, a bunch is CC, mabye something of use? (https://github.com/ipfs/artwork/)

probably a little too far away from the look for this event tho

[benhylau]

Thanks for sharing @dcwalk I quite like them. The one you shared illustrates the peer-to-peer content quite nicely.

When looking for icons earlier, I was struggling to find two icons of the same set that show both distributed and "central cloud". Perhaps we can use what @dcwalk posted as the distributed, and the cloud server here as HTTP:

The bottom right here is fun for a loading icon:

As for Our Networks, can we colour theme these to be consistent with Our Networks colours?

cc. @garrying @Shrinks99

[benhylau]

All done thanks @garrying