This document deals with Custom Player/Custom
Content, which is available as an option on all new LoudCity plans.
With Custom Content, you can build a LoudCity-hosted launch
page that looks just like the rest of your website. Note that this
article assumes you have a good grasp of HTML.
Building your custom launch page is pretty easy, if you understand
HTML. If you do not, find someone who can help you. LoudCity
offers storage, but cannot design your page for you. If you get
stuck, post for help in the
forums.
1) Review this article - Building Custom Files
- and build your launch files.
Use it to build custom launch files for your stream. When built,
test them. When they work, upload them to your custom content area
at LoudCity. Do not link directly to LoudCity-generated launch
files. It won't work for long.
2) Create your web page(s).
The LoudCity system will allow you
to upload several pages. However, server-side scripting is not
supported and you must host your own images. Be sure that the web
host you use allows "hot linking" graphics, or your launch page
will never show your images. If you wish to have server-side
scripts for features like a PHP Now-Playing script, build that on
your site and iFrame it into your custom launch page.
LoudCity custom launch pages allow you to completely customize the
listener experience when they transition from your site to
LoudCity to tune in. You can build it just like you would build a
page on your website. Add icons for the players you wish to
support, and link them to the playlist files you uploaded in step
one above.
To make sure images appear correctly on your launch page, be sure
to use one of the following methods:
1) Use a BASE HREF tag in your HTML file so browsers know where to
get the images.
http://www.w3.org/TR/html4/struct/links.html#h-12.4
http://www.htmldog.com/reference/htmltags/base/
OR...
2) Use the full http path to the image (http://www.example.com/images/imagefile.jpg)
After you have finished, save the web page to your hard drive and
preview with a browser.
If all the images are visible, you've done it correctly. Now
upload the page to LoudCity's Custom Content area, and then link
to it from your website so you can send listeners to it when they
wish to tune in.
Custom pages may include embedded players if you wish.
Using the LoudCity Web Player with Custom Content
To embed a link to the LoudCity pop-up player in your
custom web page, simply place the word lcplayer where you would
like the link to appear. That keyword is case-sensitive (should be
all lowercase).
That word will be replaced with an image
(width 250, height 60 - see below) when the page is delivered to the browser.
You can also place it in a table or cell if you want to control the
layout.
Sample
Code:
When you place the above code somewhere inside
your custom HTML file, the page will render for the user with a
clickable link to launch the LoudCity pop-up player.
Here's what the button will look like on the
rendered page:
