SM2 (Playable audio links)

010101

neogeo

010101 I see... but what we can do with this madafakah ugly url? 😃

Would be perfect if you could implement this with the simple, nice and standard... html5 Audio Tag

010101

neogeo I just changed up the styling a bit so that it will look more like an audio player. If you use markdown or bbcode and create an actual link, you won't have just an ugly URL. Please see the new screenshot in my first post.

SM2 v0.1.4-beta.8 (Cobain) Released

What's new?

Updated CSS and added play / pause buttons

Remember, it looks best if you create an actual text link to the audio URL instead of just pasting the URL only. But, either way, you get a playable link.
🎶

010101

New version released because I forgot to turn console logging off in previous versions. So, a ton of garbage was being printed to your console log on every post load. Now, console logging is off. Much cleaner. 😀

GuguguBear

Error booting Flarum: Return value of Flarum\Extension\Extension::getExtenderFile() must be of the type string or null, none returned

GuguguBear

I am too stupid to use:

Composer update zerosonesfun/flarum-ext-sm2

The problem has been solved, thank you for your efforts.

from Google Translate

capecarlo

Hello everyone!
Can someone confirm compatibility with beta 9 ?
I am trying to get it working to no avail 🙁

010101

capecarlo It should. I’ve got it on my beta 9 forum. Might be a cache issue. Clear Flarum cache, browser cache, and if you use CloudFlare that too. If this is on a production forum and you can share the link I’ll check it out.

alldataback

love it. thanks for your efforts.

010101

Version 1.2 Released! (Jonsi)

Styling (CSS) changes: Made responsive and now it handles really long URLs and links better; each player will now only take up one line since the text will be truncated should it be too long. This keeps things uniform and clean. Also, removed the background color to ensure this will look good with any theme/colors/dark mode.
Changed play/pause buttons.

See original post for install/update instructions and new screenshots.

nitaaikumar

010101 Thank you so much for this extension. Ohh please add support for m4a files, which is the default container of export of compressed audio files from GarageBand and most Mac or iOS audio editors and recorders. I can't change the m4a container to mp4 as that will clash with my videoembed. and also become visitors quickly come to know the difference between a video and audio file if they are mp4 and m4a resp.

I don't need all the features of the BBBCode extension and plus it is a few more steps to type the bbcode for the audio file. So wish SM2 had a progress bar like the normal hmtl5 audio player so that listeners could quickly go to any part of the audio. I like how the link is at the side without using the bbcode. Could this link be just ne a cleaner word "Audio" linked to the url instead of the whole url itself, without using the second bbcode option I mean? Thanks in advance.

010101

nitaaikumar Check out the screenshots in the first post. You'll see an example with the full URL, and then an example of a link. So you can just create a regular link to an audio file and it will play it.

m4a will work too.

nitaaikumar

010101 Thanks, it works for m4a.

010101

~~This is now abandoned.~~ This is now revived. 😀

010101

I've decided to keep this extension going, along with my hashtags extension since I use them both at my own forum. But, I'm retiring all of my other extensions. Most weren't that great or useful anyway and well, you know, time... 😰

NorioDS

Thanks for this! I run a guitar forum and my members can't post their competition entries on SoundCloud and YouTube because of copyright nonsense. This will save us 😃

Thanks!

fakruzaruret

NorioDS is there another upload service instead of these? ( I found Vocaroo and https://audiomack.com/ )

@010101 will you add control buttons forward backward etc. in future?

010101

fakruzaruret Yes, I’d like to. I think it’ll just be a matter of switching out some JavaScript and CSS from the Soundmanager 2 library. Maybe I’ll try it tonight or tomorrow.

010101

Well, it turns out, for me at least, it's difficult to add controls to this SoundManager 2 inline player. So, for the foreseeable future, this extension will have to stay as-is. Which is just a minimal way to play audio links inline with no controls other than play and pause.

But, my HTML5 audio bbcode extension is still available:

https://github.com/zerosonesfun/audio

If you install that, although you have to type out [audio mp3="song.mp3"] that will give you a player with controls.

010101

Version 2.1 Released

Although some feedback has been "give us more!" such as audio controls, this extension is meant to be an unobtrusive, "fits inline with your text," type of minimal audio player. And so, I've gone even more minimal for 2.0. That's right folks. I've doubled down on minimalism. 😆 If you want audio players with controls, use my audio BBCode extension. Or, you can even use both. Sometimes you might want to play a sound inline with this extension, and sometimes you might want to use the BBCode to produce a full blown player.

What's new in 2.0 (Technically already 2.1 now)? 😀

Reduced CSS drastically (Yay for lightweight!) 🥳
Uses Font Awesome icon instead of png image play button (Yay for fitting in even more with Flarum!) 🆒

Screenshot

Usage

Simply paste your audio URL into a post. Or, create a link to an audio URL using BBcode or Markdown. For example (markdown):

[Song Name](https://website.com/song.mp3)

Known Issue

The player will not appear immediately after you edit a post. But, it will appear any other time.

Install

composer require zerosonesfun/flarum-ext-sm2

Update

1) composer update zerosonesfun/flarum-ext-sm2

2) Deactivate and reactivate the extension in your admin. This refreshes important asset files.

3) Go to your dashboard, click tools, click clear cache.

4) Clear your browser cache, and any other caches like Cloudflare, if applicable.

chrisduke

010101 Hey Billy! I just installed this and when I go to to my list of extensions there's no checkbox, so I can't enable it. I'm running 0.1.0-beta.13 on PHP 7.3.15.

I will be launching my forums soon to the voice over community and they will undoubtedly be posting a lot of .mp3 links. I'd like them to work without having to add any additional code around their links. Thanks!