Giter Club home page Giter Club logo

hyperaudio's Introduction

hyper.audio!

To run storybook – clone develop branch, go inside of packages/remixer and run nvm install then yarn, then jump inside packages/storybook run yarn and finally yarn start.

hyperaudio's People

Contributors

dependabot[bot] avatar kant avatar laurian avatar maboa avatar piotrf avatar reefdog avatar slifty avatar thepag avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

hyperaudio's Issues

Create new Transcript Editor

  • Create wireframes
  • Agree on design
  • Decorate paragraph (speaker / timecode)
  • Allow speaker names to be populated
  • Add soft alignment
  • Add hard alignment (Gentle)
  • Extract custom vocabulary (from title and description)
  • Allow custom vocabulary to be added
  • Add Overtyper functionality
  • Allow search and replace of text
  • Allow search and replace of speakers
  • Allow undo / redo
  • Include warning when pasting / cutting (?) large amounts of text
  • Allow playbackrate to be adjusted

Create Dashboard

  • Display lists of media / mixes [p1]
  • Allow access to media and mixes [p1]
  • Allow access to preferences [p1]
  • Allow access to profile [p1]
  • Allow access to authors [p1]
  • Allow access to editors [p1]
  • Allow organisers to invite authors [p1]
  • Allow organisers to assign authors to specific transcripts [p1]
  • Allow organisers to invite editors [p1]
  • Allow organisers to assign editors to specific transcripts [p1]
  • Allow organisers to add channels [p1]
  • Allow organisers to add media (for transcription) [p1]

Create new Remixer (Hyperaudio Pad)

  • Create wireframes
  • Agree on design
  • Allow source media to be selected [p1]
  • Display source media as an interactive transcript [p1]
  • Allow remix to be composed from transcript [p1]
  • Switch relevant source transcript while playing remix [p1]
  • Allow fade effects to be added [p1]
  • Allow background music to be added [p2]
  • Allow in and outs of sections to be adjusted [p1]
  • Allow titles to be added (full screen and lower third) [p1]
  • Allow slides to be added / cued [p1]
  • Allow the overlap of previous sections audio (but not video) with the next (J cut) [p2]
  • Allow the overlap of previous sections video (but not audio) with the next (L cut) [p2]
  • Allow remix to be saved (autosave?) [p1]
  • Allow remix to be cleared [p1]
  • Allow remix to be exported [p2]
  • Automatically add credits / attribution to end of remix (as text) [p1]
  • Automatically add credits / attribution to end of remix (as video) [p2]
  • Create read only mode so remixer doubles as viewer [p1]
  • Allow source pane to be hidden in read only mode [p2]
  • Allow text+media to be selected and shared [p1]

Tags

  • Allow editors to select tags for channels
  • Allow editors to select tags for media
  • Allow filtering by tags

Create Web Monetization Module

Should be a module that others can use.

Current plan is a module that given a number of percentages will use Probabilistic Revenue Sharing to decide which payment pointer is inserted into the <head>.

We could modify this so that it's not completely random in the case of low numbers.

Create Authentication module

Initially with Amazon Cognito with a view to moving to NextAuth js (if required).

We could use OpenAuth to allow people to login to our service automatically when logged into another account. (low priority)

Add read-only view for transcript

I think @Laurian wants to use the editor for this but we could use Hyperaudio Lite.

We will need:

  • excerpt sharing (Twitter / Copy to Clipboard)
  • scrolling
  • captions
  • playback rate controls (nice to have)

Allow autoscroll to be toggled in Transcript View

something like ...

var autoScroll = true;
var ht1 = hyperaudiolite();
ht1.init("hypertranscript", "hyperplayer", minimizedMode, autoScroll);
<input id="autoScroll" type="checkbox" checked onchange="ht1.toggleAutoScroll()">

Release Wordpress Plugin

  • Add payment pointer option (and associated explanation in plugin settings)
  • Clarify that transcript is editable
  • Integrate Stripe

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.