Radio player for audio tracks in a tezos wallet.

Overview

Hicathon 2021 | WG7 7.2 - Galleries and collections

Minimal galleries for exhibitions

The Team:

Name Role Discord Username Twitter Username Wallet
Team Leader laura?
Laura Ozaki Design/Dev lauzaki#2386 @lauzaki tz1ZTDCfahwoYqF6sJmxTmbtGDskPoAateJX
Andreas Rau Designer andreasrau @andreasrau_eu tz1Roq6end2LFtkpGrmuyRZH82xsWfaRCat1
Data Scientist
Maja kalogera Tester/ se.nao.neste.tempo/medikids @uvdsc tz1WJvfnevqRN6RnDDmaDj9S4tuiK2bJjU6a
Marketer
orderandchaos Developer __orderandchaos#6577 @__orderandchaos orderandchaos.tez
Miguel Benevides Cook opeculiar#3006 @webidente tz2K1rDmszPuzVQYUcyDFxeSm7ZEJdDvhXx4
Baby Commando Developer ʙᴀʙʏ ᴄᴏᴍᴍᴀɴᴅᴏ#7127 @BabyCommando_ tz1KseWbS7f7YQhGsGP8QmXDJyzrKV71xxyj
Joshua Clayton Design/Dev jclayton#2254 @jclayton tz1M348mq4NQsN56yGhFtLo66LDRHD9WjHSu

The Issue:

  • Exhibition viewing mode
  • H=N permanent exhibit in a virtual museum

Our Solution:

Actually, we created two different solutions. For visual works, a simple gallery view. Just put in OBJKT numbers and you’re done. This is, in many ways, a more gallery-friendly version of https://objkts.gallery. This idea is only sketches for now, they can be found at https://www.figma.com/file/EZsHWFIHW1VMqfvfsoqSHY/WG-7.2?node-id=2%3A2 For audio works, we created HEN Radio. A standalone minimal gallery for music and other audio works. We have a working prototype at https://tinyurl.com/HENradio. Clickable Figma prototype: https://www.figma.com/proto/EZsHWFIHW1VMqfvfsoqSHY/WG-7.2?page-id=299%3A2&node-id=299%3A3&viewport=667%2C388%2C0.22890730202198029&scaling=min-zoom

How it works:

For the visuals: Step 1: go to hicetnunc.gallery (in the future) Step 2: enter gallery details and select OBJKTs Step 3: view the gallery in a browser on any device Step 4: enjoy :)

For the radio:

Step 1: go to https://tinyurl.com/HENradio Step 2: enter a wallet address containing music / audio Step 3: play your hicetnunc radio Step 4: enjoy :)

Team links:

Discord Channel: #hicathon-wg-7-2

Google Drive: https://drive.google.com/drive/folders/1PQ86Kj_6svO_dDSTW9Uti-FG8vyDVk-0

Team support:

WG1 Facilitator: Name, Discord + Twitter handles WG1 Reporter: Name, Discord + Twitter handles

Stack / Architecture

React + JS + Audio Element/Audio Context + Hic API

RoadMap

What did you do during the hackathon? We sketched a simple standalone gallery that would allow users (galleries, museums, artists, ...) to exhibit works from hicetnunc more easily - both online and in a physical exhibition space.

We also prototyped a first version of a minimal “audio gallery” called HEN radio, playing audio works from a tezos wallet.

What is missing to finish the project? The visual gallery needs to be implemented, perhaps building on the work of https://objkts.gallery by @ishacbertran.

HEN Radio could add support for adding OBJKTs instead of wallets only, for creating curated playlists. Additionally, there could be functionality for video works as well. There could also be a way to retribute artists and collectors when played.

In the end, both streams could be merged into a gallery that can display all kinds of works: audio, video, visual and interactive: hicetnunc.gallery


You might also like...

SRS Player is a video streaming player, supports HLS/HTTP-FLV/WebRTC etc.

WordPress-Plugin-SrsPlayer SRS Player is a video streaming player, supports HLS/HTTP-FLV/WebRTC etc. Usage First, you should get your own video stream

Jul 27, 2022

SRS Player is a video streaming player, supports HLS/HTTP-FLV/WebRTC etc.

SRS Player is a video streaming player, supports HLS/HTTP-FLV/WebRTC etc.

Oct 15, 2022

An online stem player. Inspired by but not affiliated with YEEZY TECH X KANO Stem Player.

Stem Player Online An online stem player. Inspired by but not affiliated with YEEZY TECH X KANO Stem Player. https://stemplayeronline.com See the proj

Nov 13, 2022

Spotify Radio - JS Expert Week 6.0

Spotify Radio - JS Expert Week 6.0

Spotify Radio - JS Expert Week 6.0 Welcome to the sixth Javascript Expert Week. This is the starting code to start our journey. Tag this project with

Mar 16, 2022

Todas as aulas da Semana JS Expert 6.0 - Spotify Radio

 Todas as aulas da Semana JS Expert 6.0 - Spotify Radio

Spotify Radio - Semana JS Expert 6.0 Seja bem vindo(a) à sexta Semana Javascript Expert. Este é o código inicial para iniciar nossa jornada. Marque es

Jan 7, 2023

▶️ Streams a list of tracks from Youtube, Soundcloud, Vimeo...

PlayemJS PlayemJS is a front-end JavaScript component that manages a audio/video track queue and plays those tracks sequentially. It can currently pla

Nov 27, 2022

A simple package to download music tracks from spotify 🎵

 A simple package to download music tracks from spotify 🎵

A simple package to download music tracks from spotify 🎵

Dec 25, 2022

A Spicetify extension to announce song details, time and local weather in-between tracks.

Spicetify Announcer A Spicetify extension to announce song details, time and local weather in-between tracks. Spicetify Announcer uses Amazon Polly se

Apr 25, 2022

Enables video and audio tags in all major browsers.

HTML5 video made easy All it takes is a single line of code to make HTML5 video and audio tags work in all major browsers. How to enable video and aud

Dec 17, 2022
Comments
  • 40mb Limit on HEN

    40mb Limit on HEN

    Great work, folks. I hope I can find time to contribute.

    Does anyone know why there is a 40mb limit on HEN and if that might be increased in the near future?

    opened by MikeiLL 2
  • top play button not working with deeplink on ios

    top play button not working with deeplink on ios

    tested on ios chrome and Safari get red message "failed to play track, could be an IPFS issue or unsurported media"

    Other play button working fine

    opened by lauzaki 1
  • Desktop media buttons should play/pause/mute and navigate tracks.

    Desktop media buttons should play/pause/mute and navigate tracks.

    Implement something like this

    function onKeyDown(event) {
      if (event.code === 'MediaPlayPause') alert('Play/Pause');
      if (event.code === 'MediaStop') alert('Stop');
      if (event.code === 'MediaTrackPrevious') alert('Previous Track');
      if (event.code === 'MediaTrackNext') alert('Next Track');    
      if (event.code === 'VolumeUp') alert('Volume Up');
      if (event.code === 'VolumeDown') alert('Volume Down');
      if (event.code === 'VolumeMute') alert('Volume Mute');
    }
    
    opened by OrderAndCh4oS 1
Owner
Sean Cooper
Senior Software Engineer
Sean Cooper
Audio visualizer library for javascript. Create dynamic animations that react to an audio file or audio stream.

Wave.js Audio visualizer library for javascript. Installation Install With CDN <script src="https://cdn.jsdelivr.net/gh/foobar404/wave.js/dist/bundle.

Austin Michaud λ 497 Dec 21, 2022
AmplitudeJS: Open Source HTML5 Web Audio Library. Design your web audio player, the way you want. No dependencies required.

Documentation • Examples • Tutorials • Support Us • Get Professional Help AmplitudeJS is a lightweight JavaScript library that allows you to control t

Server Side Up 3.9k Jan 2, 2023
Spotify radio is an audio streaming app where you can add effects in real time.

Spotify Radio - Semana JS Expert 6.0 Spotify radio is an audio streaming app where you can add effects in real time. JS-Expert Project of the Week by

Luis Fernando 6 Apr 25, 2022
:musical_score: ts-audio is an agnostic library that makes it easy to work with AudioContext and create audio playlists in the browser

ts-audio · ts-audio is an agnostic and easy-to-use library to work with the AudioContext API and create Playlists. Features Simple API that abstracts

Evandro Leopoldino Gonçalves 284 Dec 25, 2022
HTML5

One file. Any browser. Same UI. Author: John Dyer http://j.hn/ Website: http://mediaelementjs.com/ License: MIT Meaning: Use everywhere, keep copyrigh

MediaElement.js 8k Dec 27, 2022
HTML5

One file. Any browser. Same UI. Author: John Dyer http://j.hn/ Website: http://mediaelementjs.com/ License: MIT Meaning: Use everywhere, keep copyrigh

MediaElement.js 8k Jan 8, 2023
Music bot that uses Lavalink for its audio player

Msv Music ?? A Advanced Discord Music Bot Made With Lavalink And Have Many Premium Features with filters and more willl be add soon About Msv Music ??

M s v 36 Jan 4, 2022
create a bandcamp-style audio player for selling albums on itch.io

blamscamp Mmh, options, runnin' out of options, Mmh, options, used to have options bandcamp is great (at time of writing,) but it would be great to ha

Blackle Morisanchetto 154 Dec 21, 2022
This is a simple web based media player for playing video and audio. Build with pure HTML, CSS and Javascript. No framework or library included.

Aim-Player This is a simple web based media player for playing video and audio. Build with pure HTML, CSS and Javascript. No framework or library incl

Aim Mikel 2 Jun 27, 2021
Music-Player - Music player application built with HTML, CSS and vanilla JavaScript

Music-Player Music player application built with HTML, CSS and vanilla JavaScrip

Karthik Umashankar 1 Feb 10, 2022