New Audio player BB Tag
- jb
- Hot for Teacher
- Posts: 4164
- 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
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
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
- ken
- Hot for Teacher
- Posts: 3876
- 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
It sort of looks like you put an example in this post, but it doesn't seem to be working for me.
- jb
- Hot for Teacher
- Posts: 4164
- 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
I did put an example in the post. And it is working on my phone too.ken wrote:It sort of looks like you put an example in this post, but it doesn't seem to be working for me.
Do you know what theme you are using?
J
blippity blop ya don’t stop heyyyyyyyyy
- jb
- Hot for Teacher
- Posts: 4164
- 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
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
J
blippity blop ya don’t stop heyyyyyyyyy
- ken
- Hot for Teacher
- Posts: 3876
- 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
I've got Prosilver
- Lunkhead
- You're No Good
- Posts: 8156
- 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
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/
http://kolber.github.io/audiojs/docs/
- Lunkhead
- You're No Good
- Posts: 8156
- 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
It seems like it's something with the CSS. It's not getting applied in Ken's theme. I'm not sure why.
- jb
- Hot for Teacher
- Posts: 4164
- 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
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
JB
blippity blop ya don’t stop heyyyyyyyyy
- 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
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.
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.
- jb
- Hot for Teacher
- Posts: 4164
- 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
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.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.
JB
blippity blop ya don’t stop heyyyyyyyyy
- jb
- Hot for Teacher
- Posts: 4164
- 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
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
- 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
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...
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...
- 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
PS (can't edit my post): in IE11 it works out of the box, wtf...
- fluffy
- Eruption
- Posts: 11087
- 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
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).
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).
- jb
- Hot for Teacher
- Posts: 4164
- 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
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.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.
Not to argue, but from scanning the docs, jPlayer looks much more overwrought than Audiojs-- at least to my shitty hacker eyes.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).
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
- ken
- Hot for Teacher
- Posts: 3876
- 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
Hey! It seems to be working now. Well done gents.
- fluffy
- Eruption
- Posts: 11087
- 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
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.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.
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.