New Audio player BB Tag

Announcements of changes to the forums
Post Reply
User avatar
jb
Hot for Teacher
Posts: 4159
Joined: Sat Sep 25, 2004 10:12 am
Instruments: Guitar, Cello, Keys, Uke, Vox, Perc
Recording Method: Logic X
Submitting as: The John Benjamin Band
Pronouns: he/him
Location: WASHINGTON, DC
Contact:

New Audio player BB Tag

Post by jb »

There is now an "audio" BB tag available. Simply wrap a URL in the audio tag and rather than showing the URL itself, when the post loads it will display a player for that file.


http://johnorama.com/songs/collaborations/look_good_in_black.mp3

NOTE: So far this only really works on the SubSilver2 theme. I'm working to get it working on ProSilver (though I do like SubSilver2 better, FYI.

JB
blippity blop ya don’t stop heyyyyyyyyy
User avatar
ken
Hot for Teacher
Posts: 3870
Joined: Sat Sep 25, 2004 6:10 pm
Instruments: Guitar, bass, drums, keys
Recording Method: MOTU 828x, Cubase 10
Submitting as: Ken's Super Duper Band 'n Stuff
Pronouns: he/him
Location: oakland, ca
Contact:

Re: New Audio player BB Tag

Post by ken »

It sort of looks like you put an example in this post, but it doesn't seem to be working for me.
User avatar
jb
Hot for Teacher
Posts: 4159
Joined: Sat Sep 25, 2004 10:12 am
Instruments: Guitar, Cello, Keys, Uke, Vox, Perc
Recording Method: Logic X
Submitting as: The John Benjamin Band
Pronouns: he/him
Location: WASHINGTON, DC
Contact:

Re: New Audio player BB Tag

Post by jb »

ken wrote:It sort of looks like you put an example in this post, but it doesn't seem to be working for me.
I did put an example in the post. And it is working on my phone too.

Do you know what theme you are using?

J
blippity blop ya don’t stop heyyyyyyyyy
User avatar
jb
Hot for Teacher
Posts: 4159
Joined: Sat Sep 25, 2004 10:12 am
Instruments: Guitar, Cello, Keys, Uke, Vox, Perc
Recording Method: Logic X
Submitting as: The John Benjamin Band
Pronouns: he/him
Location: WASHINGTON, DC
Contact:

Re: New Audio player BB Tag

Post by jb »

Ok it seems to be working for SubSilver and the Red one, but not the others, and I don't know why as of yet. Anybody who sees this and knows javascript, if you'd take a look and figure out what the diff is and why it's not working, help is appreciated. :)

J
blippity blop ya don’t stop heyyyyyyyyy
User avatar
ken
Hot for Teacher
Posts: 3870
Joined: Sat Sep 25, 2004 6:10 pm
Instruments: Guitar, bass, drums, keys
Recording Method: MOTU 828x, Cubase 10
Submitting as: Ken's Super Duper Band 'n Stuff
Pronouns: he/him
Location: oakland, ca
Contact:

Re: New Audio player BB Tag

Post by ken »

I've got Prosilver
User avatar
Lunkhead
You're No Good
Posts: 8106
Joined: Sat Sep 25, 2004 12:14 pm
Instruments: many
Recording Method: cubase/mac/tascam4x4
Submitting as: Berkeley Social Scene, Merisan, Tiny Robots
Pronouns: he/him
Location: Berkeley, CA
Contact:

Re: New Audio player BB Tag

Post by Lunkhead »

I'm trying to take a look, but it's kind of tough to know what is going on. That JavaScript library doesn't appear to do much/any logging, and since the minified version is being used I can't really very effectively debug through their code to see what is going on. It's also not throwing any errors, at least not any that are showing up on the browser console. Judging from their source code it looks like maybe it displays errors in a div on the page if there is one that matches some criteria. I don't see any errors in those divs though. It also looks like it dynamically injects its CSS. Maybe that's not working, or there is a conflict with some CSS for some themes?

http://kolber.github.io/audiojs/docs/
User avatar
Lunkhead
You're No Good
Posts: 8106
Joined: Sat Sep 25, 2004 12:14 pm
Instruments: many
Recording Method: cubase/mac/tascam4x4
Submitting as: Berkeley Social Scene, Merisan, Tiny Robots
Pronouns: he/him
Location: Berkeley, CA
Contact:

Re: New Audio player BB Tag

Post by Lunkhead »

It seems like it's something with the CSS. It's not getting applied in Ken's theme. I'm not sure why.
User avatar
jb
Hot for Teacher
Posts: 4159
Joined: Sat Sep 25, 2004 10:12 am
Instruments: Guitar, Cello, Keys, Uke, Vox, Perc
Recording Method: Logic X
Submitting as: The John Benjamin Band
Pronouns: he/him
Location: WASHINGTON, DC
Contact:

Re: New Audio player BB Tag

Post by jb »

Good lead, Lunkhead. Haven't figured it out yet, and my attempts to force the audiojs CSS to be active on the page have not yet borne fruit. I'll give it a bit more effort.

JB
blippity blop ya don’t stop heyyyyyyyyy
User avatar
Jerkatorium
Push Comes to Shove
Posts: 321
Joined: Wed Dec 10, 2014 2:48 pm
Instruments: Guitar, bass, keyboards
Recording Method: Logic Pro X
Submitting as: Jerkatorium, Matchy Matchy, Hanky Code, All the Robots
Pronouns: he/him
Location: Los Angeles, CA
Contact:

Re: New Audio player BB Tag

Post by Jerkatorium »

Hi, I'm a user and a dummy; I click on things and music comes out of the speakers, and other than that I don't know what computers do or how to use them.

The Depeche Mode CoverFight ( http://songfight.net/forums/viewtopic.php?f=14&t=9623 ) has just posted songs using this new player. Is there any way I can download any of these songs, or am I stuck listening to them on the SFBB? I've tried clicking (and right-clicking) all over the place and can't seem to figure it out.
User avatar
jb
Hot for Teacher
Posts: 4159
Joined: Sat Sep 25, 2004 10:12 am
Instruments: Guitar, Cello, Keys, Uke, Vox, Perc
Recording Method: Logic X
Submitting as: The John Benjamin Band
Pronouns: he/him
Location: WASHINGTON, DC
Contact:

Re: New Audio player BB Tag

Post by jb »

Jerkatorium wrote:Hi, I'm a user and a dummy; I click on things and music comes out of the speakers, and other than that I don't know what computers do or how to use them.

The Depeche Mode CoverFight ( http://songfight.net/forums/viewtopic.php?f=14&t=9623 ) has just posted songs using this new player. Is there any way I can download any of these songs, or am I stuck listening to them on the SFBB? I've tried clicking (and right-clicking) all over the place and can't seem to figure it out.
Hi Jerkatorium-- I've just modified the BB Code so that it displays the URL underneath the player. You should be able to download them easily now.

JB
blippity blop ya don’t stop heyyyyyyyyy
User avatar
jb
Hot for Teacher
Posts: 4159
Joined: Sat Sep 25, 2004 10:12 am
Instruments: Guitar, Cello, Keys, Uke, Vox, Perc
Recording Method: Logic X
Submitting as: The John Benjamin Band
Pronouns: he/him
Location: WASHINGTON, DC
Contact:

Re: New Audio player BB Tag

Post by jb »

The audiojs CSS is definitely being somehow suppressed when the page loads. On the theme where it works, the audiojs element has a whole collection of CSS things that are simply not present on the theme where it doesn't work. Harrumph.
blippity blop ya don’t stop heyyyyyyyyy
User avatar
jast
Ice Cream Man
Posts: 1325
Joined: Tue Jul 29, 2008 7:03 pm
Instruments: Vocals, guitar
Recording Method: Cubase, Steinberg UR44
Submitting as: Jan Krueger
Pronouns: .
Location: near Aachen, Germany
Contact:

Re: New Audio player BB Tag

Post by jast »

The CSS is getting loaded all right, but it's not getting applied (the part that is inserted dynamically by audio.js).

In Firefox, I can work around this by removing the 'title' attribute from the dynamically generated <style> element (first one in <head>), using DOM Inspector. In Chrome, I've managed to make it work once by randomly messing around with stuff in <head>; can't reproduce, though.

Gotta love web dev...
User avatar
jast
Ice Cream Man
Posts: 1325
Joined: Tue Jul 29, 2008 7:03 pm
Instruments: Vocals, guitar
Recording Method: Cubase, Steinberg UR44
Submitting as: Jan Krueger
Pronouns: .
Location: near Aachen, Germany
Contact:

Re: New Audio player BB Tag

Post by jast »

PS (can't edit my post): in IE11 it works out of the box, wtf...
User avatar
fluffy
Eruption
Posts: 11029
Joined: Sat Sep 25, 2004 10:56 am
Instruments: sometimes
Recording Method: Logic Pro X
Submitting as: Sockpuppet
Pronouns: she/they
Location: Seattle-ish
Contact:

Re: New Audio player BB Tag

Post by fluffy »

Why use this crazy overwrought plugin instead of just inserting an <audio> tag with appropriate options? I guess it's nice to have playlists and only one thing playing at once though.

On my sites I use jPlayer which is just about as easy to install as the old Yahoo Media Player, and that should work fine with phpBB as well (you'll still need a bbcode thing to actually insert the required attribute on the <a> tag though).
User avatar
jb
Hot for Teacher
Posts: 4159
Joined: Sat Sep 25, 2004 10:12 am
Instruments: Guitar, Cello, Keys, Uke, Vox, Perc
Recording Method: Logic X
Submitting as: The John Benjamin Band
Pronouns: he/him
Location: WASHINGTON, DC
Contact:

Re: New Audio player BB Tag

Post by jb »

fluffy wrote:Why use this crazy overwrought plugin instead of just inserting an <audio> tag with appropriate options? I guess it's nice to have playlists and only one thing playing at once though.
I didn't realize I could just use that tag, with a "controls" parameter, and it would show up like that! So I've taken all the script stuff out and just put in that audio tag.
On my sites I use jPlayer which is just about as easy to install as the old Yahoo Media Player, and that should work fine with phpBB as well (you'll still need a bbcode thing to actually insert the required attribute on the <a> tag though).
Not to argue, but from scanning the docs, jPlayer looks much more overwrought than Audiojs-- at least to my shitty hacker eyes.

Anyway, it looks like we have an audio plugin BB Code! And considering the age of the browsers that w3schools says support this tag, anybody that can't see the tags really needs to come into the now.

And a flash backup-- dunno why that's really called for in this day and age. I guess if it's like you say, fluffy, and with the audio tag there's nothing preventing you from having multiple files playing at once, that's a bit of a challenge (it's nice if the one playing shuts off if you click another one...). But not that big a deal I guess in the grand scheme.

If you know of something simple that will change that behavior, lemme know. Otherwise I'm calling this one done.
blippity blop ya don’t stop heyyyyyyyyy
User avatar
ken
Hot for Teacher
Posts: 3870
Joined: Sat Sep 25, 2004 6:10 pm
Instruments: Guitar, bass, drums, keys
Recording Method: MOTU 828x, Cubase 10
Submitting as: Ken's Super Duper Band 'n Stuff
Pronouns: he/him
Location: oakland, ca
Contact:

Re: New Audio player BB Tag

Post by ken »

Hey! It seems to be working now. Well done gents.
User avatar
fluffy
Eruption
Posts: 11029
Joined: Sat Sep 25, 2004 10:56 am
Instruments: sometimes
Recording Method: Logic Pro X
Submitting as: Sockpuppet
Pronouns: she/they
Location: Seattle-ish
Contact:

Re: New Audio player BB Tag

Post by fluffy »

jb wrote:And a flash backup-- dunno why that's really called for in this day and age. I guess if it's like you say, fluffy, and with the audio tag there's nothing preventing you from having multiple files playing at once, that's a bit of a challenge (it's nice if the one playing shuts off if you click another one...). But not that big a deal I guess in the grand scheme.

If you know of something simple that will change that behavior, lemme know. Otherwise I'm calling this one done.
The simplest thing I know of is jPlayer. :) Well, specifically jPlayer Jukebox, which uses jPlayer to do its thing. That's what I meant to refer to.

There's probably also a way of hooking the onPlayed event on any given <audio> tag to also pause any other active players. But now we can also have instant mashups on the forum, too.
Post Reply