New Audio player BB Tag

Announcements of changes to the forums
User avatar
jb
Scrappy Dappy
Posts: 3586
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
Location: WASHINGTON, DC
Contact:

New Audio player BB Tag

Postby jb » Sat Apr 18, 2015 8:01 am

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
User avatar
ken
Scrappy Dappy
Posts: 3278
Joined: Sat Sep 25, 2004 6:10 pm
Instruments: Guitar, bass, drums, keys
Recording Method: BLA modded MOTU 828mk2, Cubase 5, UAD-2
Submitting as: Ken's Super Duper Band 'n Stuff
Location: berkeley, ca
Contact:

Re: New Audio player BB Tag

Postby ken » Sat Apr 18, 2015 8:14 am

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
Scrappy Dappy
Posts: 3586
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
Location: WASHINGTON, DC
Contact:

Re: New Audio player BB Tag

Postby jb » Sat Apr 18, 2015 10:44 am

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
User avatar
jb
Scrappy Dappy
Posts: 3586
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
Location: WASHINGTON, DC
Contact:

Re: New Audio player BB Tag

Postby jb » Sat Apr 18, 2015 11:55 am

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
User avatar
ken
Scrappy Dappy
Posts: 3278
Joined: Sat Sep 25, 2004 6:10 pm
Instruments: Guitar, bass, drums, keys
Recording Method: BLA modded MOTU 828mk2, Cubase 5, UAD-2
Submitting as: Ken's Super Duper Band 'n Stuff
Location: berkeley, ca
Contact:

Re: New Audio player BB Tag

Postby ken » Sat Apr 18, 2015 1:39 pm

I've got Prosilver
Lunkhead
Owney
Posts: 5617
Joined: Sat Sep 25, 2004 12:14 pm
Instruments: many
Recording Method: cubase/reason/mac/tascam4x4
Submitting as: Berkeley Social Scene, Merisan, Tiny Robots
Location: Berkeley, CA
Contact:

Re: New Audio player BB Tag

Postby Lunkhead » Sat Apr 18, 2015 2:22 pm

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/
Lunkhead
Owney
Posts: 5617
Joined: Sat Sep 25, 2004 12:14 pm
Instruments: many
Recording Method: cubase/reason/mac/tascam4x4
Submitting as: Berkeley Social Scene, Merisan, Tiny Robots
Location: Berkeley, CA
Contact:

Re: New Audio player BB Tag

Postby Lunkhead » Sat Apr 18, 2015 2:28 pm

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
Scrappy Dappy
Posts: 3586
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
Location: WASHINGTON, DC
Contact:

Re: New Audio player BB Tag

Postby jb » Sat Apr 18, 2015 4:32 pm

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
User avatar
Jerkatorium
Flash
Posts: 215
Joined: Wed Dec 10, 2014 2:48 pm
Instruments: Guitar, bass, keyboards
Recording Method: Logic
Submitting as: Jerkatorium
Location: Los Angeles, CA

Re: New Audio player BB Tag

Postby Jerkatorium » Sat Apr 18, 2015 5:07 pm

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 ( 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
Scrappy Dappy
Posts: 3586
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
Location: WASHINGTON, DC
Contact:

Re: New Audio player BB Tag

Postby jb » Sat Apr 18, 2015 5:38 pm

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 ( 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
User avatar
jb
Scrappy Dappy
Posts: 3586
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
Location: WASHINGTON, DC
Contact:

Re: New Audio player BB Tag

Postby jb » Sat Apr 18, 2015 7:20 pm

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.
User avatar
jast
Hachikō
Posts: 1155
Joined: Tue Jul 29, 2008 7:03 pm
Instruments: Vocals, guitar
Recording Method: REAPER, Steinberg UR44
Submitting as: Jan Krueger
Location: near Aachen, Germany
Contact:

Re: New Audio player BB Tag

Postby jast » Sun Apr 19, 2015 7:22 am

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
Hachikō
Posts: 1155
Joined: Tue Jul 29, 2008 7:03 pm
Instruments: Vocals, guitar
Recording Method: REAPER, Steinberg UR44
Submitting as: Jan Krueger
Location: near Aachen, Germany
Contact:

Re: New Audio player BB Tag

Postby jast » Sun Apr 19, 2015 7:24 am

PS (can't edit my post): in IE11 it works out of the box, wtf...
User avatar
fluffy
Boo
Posts: 9474
Joined: Sat Sep 25, 2004 10:56 am
Instruments: sometimes
Recording Method: Logic Pro X
Submitting as: Sockpuppet
Location: The Plaidlands (also, Seattle)
Contact:

Re: New Audio player BB Tag

Postby fluffy » Sun Apr 19, 2015 8:25 pm

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
Scrappy Dappy
Posts: 3586
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
Location: WASHINGTON, DC
Contact:

Re: New Audio player BB Tag

Postby jb » Sun Apr 19, 2015 10:08 pm

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.
User avatar
ken
Scrappy Dappy
Posts: 3278
Joined: Sat Sep 25, 2004 6:10 pm
Instruments: Guitar, bass, drums, keys
Recording Method: BLA modded MOTU 828mk2, Cubase 5, UAD-2
Submitting as: Ken's Super Duper Band 'n Stuff
Location: berkeley, ca
Contact:

Re: New Audio player BB Tag

Postby ken » Mon Apr 20, 2015 8:41 am

Hey! It seems to be working now. Well done gents.
User avatar
fluffy
Boo
Posts: 9474
Joined: Sat Sep 25, 2004 10:56 am
Instruments: sometimes
Recording Method: Logic Pro X
Submitting as: Sockpuppet
Location: The Plaidlands (also, Seattle)
Contact:

Re: New Audio player BB Tag

Postby fluffy » Mon Apr 20, 2015 12:44 pm

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.

Return to “Forums”

Who is online

Users browsing this forum: No registered users and 2 guests