Help:Players
From MixesDB
|
Contents |
This page explains how to embed players using the 
button.
- Download helpers
Mods will see download helper info below some players:
- Offliberty – Add website URL
- JDownloader – Add website URL
- DownloadHelper (Firefox) – Play player, add-on offers download
- FVD Video Downloader (Chrome) – Play player, add-on offers download
Audio Players
If a mix is available on one of the following websites you can include the player in the File Details section of the belonging mix page. To do so, use the {{Player|}} template and simply enter the URL. It should be placed between the "File Details" table and the "Notes & Tracklist" headline.
Once added to the mix page, the player will also appear on other relevant pages like MixesDB:Explorer/Players.
SoundCloud
Simply copy the URL of the SoundCloud player site.
{{Player|http://soundcloud.com/thomas-schumacher/july-podcast-mix}} returns:
Note: Don't copy durations from SoundCloud players. They're always wrong by a few seconds.
SoundCloud sets are not supported. Use Multiple players instead.
Private players (example) are not allowed for embedding. Some uploaders want players only on their own website. That's ok and we respect that. You can detect such private players on the missing share button and the secret token at the end of the URL: http://soundcloud.com/factmag/fact-mix-314-guido-jan-12/s-fll4z
Download helpers
Examples: downloadable / not downloadable
| JDownloader | Returns the originally uploaded file if downloadable, otherwise 128 kbps stream file |
| Offliberty DownloadHelper FVD Video Downloader | Returns 128 kbps stream file (even if mix is downloadable) |
Mixcloud
We need the website URL:{{Player|http://www.mixcloud.com/funkdvoid/funk-dvoid-drum-bass-memories/}} returns:
Mixcloud dates: In your address bar replace www. with api. and look for the "created_time"-field (more info).
Btw: It's "Mixcloud", not "MixCloud".
Download helpers
Example: mixcloud.com/fabric_London/dj-t-10-years-of-get-physica...
| Offliberty | Returns the originally uploaded file |
| DownloadHelper FVD Video Downloader | Returns ~64 kbps m4a stream file |
| JDownloader | Unable |
We need the page URL, e.g.
{{Player|http://www65.zippyshare.com/v/18989368/file.html}} returns:
Please note that files are deleted after 30 without a download. URLs like http://www65.zippyshare.com/view.jsp?locale=en&key=18989368 (e.g. when coming from Google) are working as well.
official.fm
We need the website URL. Be careful to chose the correct one (the website works with frames).
{{Player|http://official.fm/tracks/2wYd}} returns:
play.fm
We need the widget URL. Here's how to copy it
{{Player|http://www.play.fm/widget/flash01/recording/14304}} returns:
PodOmatic
We need the URL of the podcast's "Permalink" (http://.../entry/2013-...).
{{Player|http://ketoloco.podomatic.com/entry/2010-08-12T04_56_43-07_00}} returns:
Direct Players
For selected podcasts it is possible to add players using their direct mp3 URL. To find out which websites / podcasts are allowed, see Category:Direct Players.
{{Player|http://www.louchemusic.com/wp-content/themes/Louche/podcasts/louchepodcast027mayajanecoles.mp3}} returns:
We're fair players so we contaced the people behind each podcast and asked for an official authorization to add players for their podcast files.
For traffic cost reasons some prefered not to have a download button on the player:
{{Player|http://www.littlewhiteearbuds.com/tracks/2012/LWEPodcast113RodModell.mp3}} returns:
We respect that. You can still jump to their podcast page in order to download.
If you want your domain whitelisted for your own promo mixes: Post in the forum, please.
Other Audio Players
- RBMA Radio: We need the embed URL which you can find in the embed code, e.g.
{{Player|http://www.rbmaradio.com/embed/1771}}
Please note that every player is an episode of RBMA Radio, so it needs to be added to it's show category.
- Download helpers: Example: rbmaradio.com/shows/the-hacker-live-at-phono-festival-2012
DownloadHelper
FVD Video DownloaderReturns full quality stream file Offliberty Unable (finds the file, but URL needs session ID) JDownloader Unable (finds nothing on first attempt, parsing takes long and found URLs are treated as offline)
- samurai.fm: We need the player URL:
{{Player|1=http://samurai.fm/media/popup?pid=bb0b81d4&pos=0}}File:samurai.fm player URL.png - HulkShare: We need the page URL, e.g.
{{Player|http://www.hulkshare.com/mxi0w095t475}}or{{Player|http://www.hu.lk/mxi0w095t475}} - AllTimeClubbing: We need the page URL, e.g.
{{Player|http://www.alltimeclubbing.com/audio/89794/piet-blank-n-joy-lounge-29-11-2009}} - Podbean.com: We need the download URL, e.g.
{{Player|http://techniqueuk.podbean.com/mf/feed/xc3pb6/Technique016-Hrdvsion.mp3}}
The original embeddable player is so ugly that we use a default player instead. - Internet Archive: We need the URL of the mp3 listed in the "audio files" table (see screenshot), e.g.
{{Player|http://www.archive.org/download/DJLpodcast054_-_Kaiserdisco/DJLpodcast054_-_Kaiserdisco.mp3}} - bandcamp.com: We need the page URL and the file ID (grab it from the bandcamp player embed code, e.g.
.../track=1974566170/...), e.g.{{Player|http://firstsecond.bandcamp.com/track/xox|id=1974566170}}
Other websites can use the Bandcamp player on their site. We need to whitelist their domain. An example from familiespodcasts.audiofamilies.com:{{Player|http://familiespodcasts.audiofamilies.com/track/i-cube-nova-mix-nov-11|id=3143944047}} - Le Mouv': We need the URL of the pop-up player, e.g.
{{Player|1=http://www.lemouv.fr/player/reecouter?play=5084}}. Not all episodes of a show have a player. - France Inter: We need the URL of the pop-up player, e.g.
{{Player|1=http://www.franceinter.fr/player/reecouter?play=579441}}. Not all episodes of a show have a player.
Which is the best?
| Streams original file quality | Offers download | Direct skipping 1) | Player loads | HTML5 2) | Nice features | Summary | |
| SoundCloud | no (128 kbps) | yes (fast) | no (but fast buffering) | fast | yes (HTML5 ready, but buggy) | Fast and community comments, but files (and their comments) are deleted too often for different reasons. Uploading more than a few hours of music gets expensive. The player is "HTML5 ready" (incl. favoriting and commenting inside player) but currently very buggy. | |
| Zippyshare.com | no (~24 / ~64 kbps m4a) | yes | no (but fast buffering) | fast | no | Option to switch between stream qualities | Nice fast player. Uploading is possible without registration, but files are deleted after 30 days without download. |
| Mixcloud | no (~64 kbps m4a) | no | yes (but not for new files and it freezes very often) | slowly | no | Remembers last position 3) | Low sound quality, buggy skipping and no download, but unlimited uploads. |
| HulkShare | yes | yes | no | fast | yes (HTML5 ready) | Streams the original file in full quality but often no download is offered. | |
| official.fm | no (format?) | yes (fast) | yes | fast | no | Full quality streaming and fast downloading but the player takes ages to load and uploading is very limited. | |
| play.fm | no (128 kbps) | no | yes | fast | no | Besides the fast direct skipping it has almost no advantage. | |
| PodOmatic | yes | yes (but hidden) | yes | slowly | no | Nice player if it was faster, but the player has no download button.
The download link is hidden on the bottom of the page. | |
| samurai.fm | yes (?) | no | yes (but long delay) | slowly | no | Direct skipping, but no download. | |
| Internet Archive | yes | yes (slow) | no (and slow buffering) | fast | yes, via Direct Player | The service should be used much more because uploaded files (by the respective copyright owners) are hosted forever. | |
| Direct Players | yes | yes | no | fast | yes, if browser support 4) | The player is stable and loads fast. The original file quality is streamed. |
1) Direct skipping ("HTTP Pseudo-Streaming") = Jumping into any position of the track bar without waiting for the stream file to download into the browser's cache.
2) HTML5 players are more user friendly and stable than evil flash players. Less Flash = less crash.
"HTML5 ready": Open source browsers like Firefox can't play mp3 in HTML5 by default. That means that the HTML5 player itself is HTML5 and no flash, but for streaming the mp3 the player uses Flash in the background. The solution would be that player websites encode uploaded mp3 files to free formats such as OGG Vorbis for embedded player streaming.
3) If you play the mix some other time again, it will start at the position you stopped last time (e.g. by leaving the page).
4) If the Direct Player file is an mp3 and your browser supports mp3 playback in HTML5 (e.g. Chrome) then the player will fallback to HTML5, otherwise Flash is used (e.g. Firefox).
So decide yourself which player to add. Mix pages should not display more than 2 different players for the same mix file. Alternative links should be added in a <!-- hidden comment --> as a backup to replace deleted players (
example).
Video Players
Videos can be embedded if they are complete sets and official (legally uploaded and no homemade fan videos by somebody unrelated).
Videos have different dimension ratios. Our player width is fixed to 445 pixels, so to avoid black stripes on top or on the side, you can use h= to override the default 252 px height.
If the video is audio only use |video=audio (see below).
YouTube
Don't add short clips! We only embed full sets. For embedding you need to add 1= in front of the URL:
{{Player|1=http://www.youtube.com/watch?v=qciVXUHTN10|h=277}} (example) returns:
YouTube's share URLs like http://youtu.be/qciVXUHTN10 are working as well (doesn't require 1=). Here's how to copy them easily.
Often full sets are split into single parts. You can embed their playlist:
{{Player|1=http://www.youtube.com/view_play_list?p=D9167CDF365A7458|h=360}} (example) returns:
Grabbing YouTube images
Get the ID, e.g. from http://www.youtube.com/watch?v=FDcqgy286Ug and insert it to the URL like this: http://img.youtube.com/vi/qciVXUHTN10/0.jpg
Download helpers
Example: youtube.com/watch?v=V1ZxFNrUBFw
| JDownloader | Offers audio and video files in all available stream qualities |
| DownloadHelper | Offers video files in all available stream qualities |
| Offliberty | Offers 128 kbps mp3, video only in biggest quality and URL generating takes too long |
| FVD Video Downloader | Unable |
Vimeo
{{Player|http://vimeo.com/7964034}} (example) returns:
Override the default height: Click on "embed" on the vimeo player and "customize" it. It should look like this. In the width field enter "445". The height should be updated automatically there. Add this height to the Player template with h=:
{{Player|http://vimeo.com/8694851|h=334}} (example) returns:
Private videos
Some videos are private (example: http://vimeo.com/17889910), you can embed them by creating the URL like this: http://player.vimeo.com/video/17889910
Download helpers
Example: vimeo.com/30103637
| Offliberty DownloadHelper FVD Video Downloader JDownloader | Returns full quality stream file |
b@ TV
b@ TV videos are a bit more complicated to embed. Screenshot
Click the "share" option, click "Medium" and "Large" once to update the ID (we don't need a certain size code) and copy the embed code, e.g.
<embed width="720" height="455" src="http://www.be-at.tv/embed.swf?p=333670" allowFullscreen="true" pluginspage="http://www.adobe.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>
and extract the URL from it: http://www.be-at.tv/embed.swf?p=333670.
{{Player|1=http://www.be-at.tv/embed.swf?p=333670}} (example) returns:
Download helpers
Example: be-at.tv/brands/be-at-tv/be-at-podcast/decoy-presents/r...
The video is streamed in tiny separate chunks, impossible to download without further recording / converting.
| Offliberty DownloadHelper FVD Video Downloader JDownloader | Unable |
Ustream
We need the page URL, e.g.{{Player|http://www.ustream.tv/recorded/21764618|h=276}} (example) returns:
The perfect heights are mostly 276 or 358.
Live streams can use the URL from the embed code, e.g.: {{Player|http://www.ustream.tv/embed/6029144|h=276}}. After the stream the URL should be replaced with the normal page URL.
Download helpers
Example: ustream.tv/recorded/26568592
| DownloadHelper FVD Video Downloader | Returns the HQ stream file. |
| Offliberty JDownloader | Unable |
Other Video Players
We also allow other web players which are not used very often.
- Google Video: the page URL, e.g.
{{Player|1=http://video.google.com/videoplay?docid=4275660658800832791}} - YouClubVideo: We need the page URL, e.g.
{{Player|http://www.youclubvideo.com/video/226248/solomun-warung-14-07-2012-full-set}} - Dailymotion: the page URL, e.g.
{{Player|http://www.dailymotion.com/video/xjtti0_deadmau5-live-roskilde-festival-2011-full-set_music}} - ARTE Live Web: e.g.
{{Player|1=http://liveweb.arte.tv/flash/player.swf?eventId=2166&admin=false&mode=prod&priority=one&embed=true}}(videos only work for max. 180 days).
Player titles
If only a part / artist or a certain version is available on SoundCloud, it should be clear which the player contains. Therefor add the artist's name or the version as second parameter into the template, e.g. {{Player|URL|Artist}}. Examples: Artist / Version.
Note: The info has to be entered this way so everything can be displayed correctly on categories and MixesDB:Explorer/Players.
Multiple players
You can use a multiple player setup (example):
{{Player|mode=multi
|http://soundcloud.com/paxahau/02-03-01_kevinyost_motor_pt1-1
|http://soundcloud.com/paxahau/02-03-01_kevinyost_motor_pt2-1
}}
returns: