Muses radio player css instead of skin file - javascript

I'm trying to setup a muses radio player (https://www.muses.org) without the skin files. Instead, I would like to design the player with css and trigger the play/stop events in javascript.
Does anyone know if this is possible?
I've tried setting the skin value to an empty string, false, null, and omitted it completely from:
<script type="text/javascript" src="http://hosted.muses.org/mrp.js">
</script>
<script type="text/javascript">
MRP.insert({
'url':'http://localhost/stream-url',
'codec':'mp3',
'volume':100,
'autoplay':false,
'buffering':5,
'title':'test',
'bgcolor':'#FFFFFF',
'skin':'',
'width':180,
'height':60
});
</script>
Nothing works.

No go. Muses works in shockwave flash. Its a precompiled control program, and without the source code what you want to do won't work. (update) I did look at the linked JavaScript file, and wow, its 3000 lines of code without any documentation and obfuscated variable names. So what you want to do might be achievable, but you'd first have to understand each of those 3000 lines of code (good luck with that!) So I'd have to say, what you want to do might be achievable, but its not totally clear on what the shockwave flash tool does exactly, and how it integrates to the site, so maybe not. (In practical terms, I still call this a No-Go.)
If you'd like you can create your own player via JavaScript, but that's a totally different conversation, but certainly can be done. There are some great examples out there. I'd start the learning process by looking at the stuff generated by Chris Wilson. That guy is brilliant on this stuff. Check out his github repository HTML5 has some very nice audio tools in the interface. Check out this site.

For the latest version.
$('.musesStyleReset div[title="play"]').click();
$('.musesStyleReset div[title="stop"]').click();

Related

Javascript library that creates Custom QR Codes with a logo in the middle?

I would like to create a custom qr code with javascript that contains a logo in the middle.
I already found this project on github:
https://github.com/kaarposoft/qrlogo
but unfortunately this script creates 1000 qr codes, whereupon the logo is always positioned differently, apart from that this project is not really easy to handle. (no documentation etc). I have rewritten in such a way that only one qr code is generated and not more than one and also that it uses an img tag instead of waiting for an upload. Nevertheless, this is not optimal because the logo is always randomly on the qr code and it is a project and not a library.
So I would like to know if someone knows a library or has programmed something to generate a qr code with javascript from an img tag and a string.
Many greetings and thanks.
qrcode-with-logos does the trick for me. I also came across easyqrcodejs which has a lot of extra features, though I have not yet used it myself.
Checkout the Zebra Crossing project.
It has ports to many languajes, including javascript.
zxing project on GitHub

jPlayer and jScrollPane not working together

I'm creating a streaming music service on my website using a fork of jPlayer called jPlaylister.
One thing this doesn't do is scroll the playlist to the currently playing song.
I would also like to implement a nicer scrollbar for manually scrolling the playlist (instead of using browser default).
I came across http://jscrollpane.kelvinluck.com/index.html which looks perfect for what i want (it can do both things).
So when i tried implementing it, it just didn't work. No results, nothing. It's like the code wasn't even there.
I of course included the neccessary js files and put the below JS function in my head:
$(function()
{
$('.scroll-pane').jScrollPane();
});
I actually changed the .scroll-pane class name to an existing class name (the one which i want to scroll of course).
If anyone has successfully got this working (as i've seen a few questions on the same subject on various forums, websites etc) then i'd love some help!
The development version (http://jplaylister.yaheard.us/dev/) has this feature...I'm long overdue for a release, but prepped the files for someone else and will be happy to pass it on to you if you are interested.
nc (jplaylister author)
email at thenickchapman ... gmail or use the jplayer google group and tag me or something crazy.

Simple lightbox feedback form? Included screenshot

There are so many lightboxes to choose from, I'm looking for a very lightweight one to use in an embedded javascript widget that would be a single domain name. I saw the perfect one on chainreactioncycles.com, it popped up out of nowhere so I took a screenshot:
I tried looking for info on it on the page source, but couldn't find anything that would let me trace where it came from... Would anybody know of one like this? Or exactly that one?
If not exactly like above, anything similar would be great too, keeping the following in mind:
Very small javascript download (animation not needed)
Self contained, not dependent on any libraries other than jquery (since I'm already using that anyway).
Works in major browsers
Close button (like GetSatisfaction or UserVoice)
Dims background
Avoids javascript namespace conflicts (or can easily be made to avoid them)
CSS styling of lightbox does not interfere with site styling
Have you used an existing lightbox scripts for this same purpose with similar requirements? Did you roll your own? Insights welcome!
What you are looking for is called a modal box.
Here is a list of them
... and here is a striking replica of what you are looking for
Check out Zoombox.. It sounds like what you're looking for... Simple to use... Allows custom content.. jQuery Module... From past experience it covers what you have outlined as requirements etc
http://www.grafikart.fr/zoombox will tell you all you need to know.

How to highlight (un)used JavaScript live in Dreamweaver

I am working in Dreamweaver CS4 and implemented JQuery code that I found online for a gallery function.
I am only using a very small part of the gallery functions available, and would like to delete the unused script in order to get more clarity and a cleaner script. But as a JavaScript beginner I can't identify what is important and what is not.
My question: Is there a way in Dreamweaver to view/highlight the JS code that the site is using? I am imagining a tool that you could turn on when running the live view that would visualize the portions of code that is being used.
Or, the other way round, is there a way to highlight the unused code.
The live code button doesn't seem to do this.
Thanks for your help!
My question: Is there a way in Dreamweaver to view/highlight the JS code that the site is using?
No. You would need to use Firebug or a similar javascript tracker/debugger to see how the code is used. The most DW will tell you is which external files are linked to a page.

javascript flashvar question with JW Player

I don't know if I'll be able to get this answer here, but I'm trying to get the JW Player to toggle between high and low quality settings. Here is my code:
<script type="text/javascript">
var so = new SWFObject('/lessons/videos/player.swf','mpl','610','480','9');
so.addParam('allowfullscreen','true');
so.addParam('allowscriptaccess','always');
so.addVariable('plugins', 'http://www.mbira.me/lessons/videos/plugins/hd/hd.swf');
so.addVariable('hd.state',false);
so.addVariable('hd.autoswitch',false);
so.addVariable('hd.bandwidth',3200);
so.addVariable('hd.file', '/lessons/videos/Buka_Tiende_from_calculator.flv');
so.addVariable('file','/lessons/L2/Nhemamusasa_Acoustic.flv');
so.write('mediaspace');
</script>
I read here that there is a setting that there is a default built into the HD plugin to switch determined on the users bandwidth. I downloaded a patch here:
http://interfacelab.com/patch-for-hd-plugin-for-jw-player/
So I could disable that behavior to test, but still no luck. You can see in my code, that for now, I just have two different videos to toggle in order to test if things are working. I should say that both those videos are actually "high quality" for now, but that shouldn't make a difference I guess. Any ideas, and if not, any other places I could look to implement this functionality?
Thanks!
Joel
so.addVariable('plugins', 'plugins=hd-1');
needs to be changed to:
so.addVariable('plugins', 'hd-1');
The example page was incorrect...

Categories