This is a read-only archive of the Framer Community on Facebook.

What is Framer? Join the Community
Return to index
Benjamin Den Boer
Posted May 12 - Read on Facebook

Hey all! Just pushed a major update to the AudioPlayer Class. Also included a new iOS Example that included the Class as a Module.

New features include:
- New options: showProgress, showVolume, showTime and showTimeLeft
- Includes customisable controls by default
- Included a volumeBar
- Improved scrubbing behaviour
- Progress and Volume now work on all zoom levels

On GitHub: https://github.com/benjaminnathan/Framer-AudioPlayer
iOS Example: http://share.framerjs.com/z7b91klf85q2/
Basic Example: http://share.framerjs.com/bplu2b1se9bv/

Let me know what you think! :-)

12 Comments

David Lee

This is awesome! Thank you!

Jorn van Dijk

This should be useful for you, Sarah Kranz.

Jorn van Dijk

And you, Ryan Sims.

Samwoo Ee

Awesome stuff. Looking forward to playing with this!

Sarah Kranz

Ohay .. cool

Jaffar Khorshidi

This is amazing!

Joshua Tucker

Keep it up Ben!

Ryan Gonzalez

Nice work!!

Fran Pérez

Benjamin this is amazing, congrats! :)

One question, why do you use curly brackets here?

{AudioPlayer} = require "audio"

Joshua Tucker

Fran Pérez To my knowledge, {AudioPlayer} = require "audio" is the equivalent to:

var AudioPlayer
AudioPlayer = require("audio").AudioPlayer

Source: http://stackoverflow.com/questions/12648054/curly-braces-when-extending-node-js-class

Fran Pérez

Gotcha. Thanks Joshua :)

Dean Broadley

Hi Benjamin I don't know if this has to do with the recent update or if Im being a complete noob, but when i try include this module i get the following error "[framer.modules.js] TypeError: undefined is not an object (evaluating 'this.player.src = audio')"

Not sure whats causing it, it worked before

Read the entire post on Facebook