Free video music tracks

This is nothing I even would have consider making on my own! For example, I tried every possible way to make it sound different, including mixing techno with a polka beat and it still sounds the same! Band in a Box will work for a rock or jazz musician or a troubadour in need for backtracks.

If you are interested despite me giving it 2 very weak stars, here’s the link to Band in a Box

 

April Obsession

 

Download

 

Revealed Love

 

Download

 

Welcomed Beauty

 

Download

 

Mention me if you want to. It’s not necessary, especially if you put a lot of work to it! The chord progression is pretty much the same in all three demos; therefore they are coherent despite differences in style and tempo. All names are auto-created; rename them to whatever you want.

These tracks are short demos, so you should edit it for a more suitable length. The piano track can be removed if you want to add a song track after making your own lyrics. I think they could be useful even for a bigger movie project if you use the built in scores (music sheets). All video editors that creates live photo albums supports MIDI if you want to create a simpler home project.

CoffeeCup Web Jukebox Skin – Smart Phone

Get the free CoffeeCup app before you download this skin!

This is the tenth and last CoffeeCup audio skin (at least for now). I guess you probably recognize the phone model, but I’m not doing this to advertise :)

 

Click on image for live preview

 

Download

 

The software is no longer available! CoffeeCup Software has removed the download link and do not provide support for the software. You can still use the pictures to the skin if you want to do your own players in HTML5, or any optional coding language without asking me first (they are free). Instructions for placement, refer to the XML file.

CoffeeCup Web Jukebox Skin – Modern Side Widget

Get the free CoffeeCup app before you download this skin!

This is a widget specially made for narrow sidebars. So note that you should fill in the node label in the XML file to show the album name. The width only allows song names in the list!

 

Click image for live preview

 

Download

 

The software is no longer available! CoffeeCup Software has removed the download link and do not provide support for the software. You can still use the pictures to the skin if you want to do your own players in HTML5, or any optional coding language without asking me first (they are free). Instructions for placement, refer to the XML file.

CoffeeCup Player Skins – Double It Up!

Everything (almost) can be doubled up in your skins. Like buttons, lists et cetera.

When, where to use it? For instance I’ve chosen to use the shuffle button as a placeholder for your cover art mainly cause it’s safe and if you make wrong settings in the XML file it will still look alright.

I’ve tried to use double play functions, stop and start with both cover art and play/pause buttons and it worked fine. So it’s safe to rename “shufbutton” to “playbutton” in both opening and closing tags and shift its action to “playpause”. I recommend to set both image up and down to same picture rather than set the toggle funtion to false (it will stop working if you do so).

What else can you double up? The “node” for instance if you want to put two albums in one playlist. Be sure to fill in the node label between the two quotation marks with your album title, it’s blank by default. So it makes sense to your visitors. When clicking on the CD icon it collaps to show next album or when scrolling each albums head title is next to the CD icon, neat huh? I don’t think it will work with more than two nodes, but I can be wrong about it.

Playing with the XML file you get in the output won’t harm anyone, your original skin will be sheltered in the programs folder and you can easily make a new player to start over again. Or just make a safety copy first of the XML file like I do and save a few minutes of your precious time :)

 

CoffeeCup Web Jukebox official forum
CoffeeCup Web Video Player’s official forum

 

The software is no longer available! CoffeeCup Software has removed the download link and do not provide support for the software. You can still use the pictures to the skin if you want to do your own players in HTML5, or any optional coding language without asking me first (they are free). Instructions for placement, refer to the XML file.

Video Player Skin – how to hide the progressbar

All settings are based on simple true or false statements. So if you want to hide the progress bar, maybe ’cause it looks too bulky in a small skin or it just got in the way for subtitles, you should be able to change that by changing the visibility to false in the myvideoplayer.xml file.

I haven’t been able to do that. I think it’s probably an involuntary error that causes that. The progress bar also works as a preloader and depending on the settings in the flash cab, the preloader also loads the progress bar. There’s no settings available for visibility of the preloader.

I solve it by this simple trick. Place the progress bar outside the scene, that’s the visible area of the flash file. Put a negative number to move it outside the scene, any number that places the progress bar outside the scene will do, but I like to keep the original setting just in case I want to reset it later.

So I can change y=”394″ to y=”-394″ to place it where it’s invisible, you don’t have to change the visibility ’cause it really don’t matters.

I alway use the Y-axis that controls the moving up and down, but that’s only because I like to be consistent about what I do to remember it easier.

A neat trick is to hide the “triangle” behind the volume bar by setting the height to zero. The knob won’t respond to that setting according to the problem above. In this case I just turned that setback into an advantage.

 

CoffeeCup Web Video Player’s official forum

 

The software is no longer available! CoffeeCup Software has removed the download link and do not provide support for the software. You can still use the pictures to the skin if you want to do your own players in HTML5, or any optional coding language without asking me first (they are free). Instructions for placement, refer to the XML file.

CoffeeCup Web Jukebox Skin – 60’s Cassette Recorder

Get the free CoffeeCup app before you download this skin!

This is the fourth retro player. Originally a mistake, the format was not optimal for viewing but when I placed it on a background it finally fell in place! Slim color bars to tell what is active or not, and you can activate or deactivate additional buttons without it shows.

 

Click image for live preview

 

Download

 

The software is no longer available! CoffeeCup Software has removed the download link and do not provide support for the software. You can still use the pictures to the skin if you want to do your own players in HTML5, or any optional coding language without asking me first (they are free). Instructions for placement, refer to the XML file.

CoffeeCup Web Jukebox Skin – 90′s Receiver

Get the free CoffeeCup app before you download this skin!

This is the third retro player. Finally something that even younger readers remember …

 

Click image for live preview

 

Download

 

The software is no longer available! CoffeeCup Software has removed the download link and do not provide support for the software. You can still use the pictures to the skin if you want to do your own players in HTML5, or any optional coding language without asking me first (they are free). Instructions for placement, refer to the XML file.

CoffeeCup Web Jukebox Skin – 70′s Car Radio

Get the free CoffeeCup app before you download this skin!

This is the second retro player. I often draw freely from my memory, this one I peeked on some photos for dimensions, but I didn’t have to change much. The skin comes with additional settings, instructions is included in the download..

 

Click image for live preview

 

Download

 

The software is no longer available! CoffeeCup Software has removed the download link and do not provide support for the software. You can still use the pictures to the skin if you want to do your own players in HTML5, or any optional coding language without asking me first (they are free). Instructions for placement, refer to the XML file.

CoffeeCup Web Jukebox Skin – 60’s Record Player

Get the free CoffeeCup app before you download this skin!

This is the first of four retro players I made for nostalgic reasons. In preschool we had a grey record player like this, even if it’s not an exact replica. I just made the lid with the speaker, no reason to illustrate the actual inside because it would just be for decoration …

 

record-player

Click image for live preview

 

Download

 

The software is no longer available! CoffeeCup Software has removed the download link and do not provide support for the software. You can still use the pictures to the skin if you want to do your own players in HTML5, or any optional coding language without asking me first (they are free). Instructions for placement, refer to the XML file.

Video player skin – how to set new aspect ratio

Almost all CoffeeCup Web Video skins has aspect ratio 4:3 by default. Can I change that without crop my videos or stretch them? Yes you can!

What you need is a aspect ratio converter and a calculator to make it fit properly in your skin. All you need to concern about is the width that your 4:3 skin allows. You find the original measurements in the XML file.

Here’s the online conversion for 16:9 and 4:3 to calculate the aspect ratios both ways.

Take the skins video width and fill it in the online 16:9 calculator and you’ll get the new height of your 16:9 video (write it down). Compare the difference between your video’s calculated height and the skins video height and you get an number in pixels. Divide the difference between these two measures by two. Remember that number or write it down.

After (it’s safest) you’ve saved your player, open the folder to edit the file “myvideoplayer.xml”. Write the height you got from the online calculator in h= ?? <video>.  Then add (to existing number) the divided number in pixels you wrote down in the Y-axis of <video>. That will lower your video to line up in the middle of the skins video area.

If the backgound area isn’t black or even colored, it won’t work. Then you should consider the easier option, that is to convert your video to 4:3 and add black bars.

I sometimes decorate the background to make it look good when you choose not to autoplay your video, so if you need to fill it out and don’t want to edit the background in a photo editing program you should read my conversion tutorial.

When converting the other way around (16:9 skin) you just calculate with the height and change the widht and the X-axis in your XML file, or use the more easier way and crop or add black bars to your 4:3 videos using a videoconverter.

You’ll never have to worry about your videos actual size, the skin it self vill scale it right. Sometimes a oversized video is a benefit, it’s not the picture size that matters most, it’s never better than it’s compression, eg sound, bitrate etc. 320×240 is just a recommended size.

– – –

The software is no longer available! CoffeeCup Software has removed the download link and do not provide support for the software. You can still use the pictures to the skin if you want to do your own players in HTML5, or any optional coding language without asking me first (they are free). Instructions for placement, refer to the XML file.