Introduction > Mediaserver

Mediaserver

Register & Login

This is a generic procedure you must follow for both AS2 & AS3 based CPPS Client. It's mandatory you choose and install any one of AS2 or AS3 before visting here. :~)

This is an autism-free zone. That insist, you know what you are doing and have already realized the existence of Google.

Now that you have chosen a CPPS client, and downloaded it. It's time to edit domains in SWF files. Download and use the SWF Tool (shoutout to our friend Ben at Solero).

UNIX - Linux, Ubuntu, Debain

Run the following commands

wget "https://raw.githubusercontent.com/Times-0/times-0.github.io/master/SWFTool.py"
sudo python SWFTool.py

Make sure you enter full path (like /var/www/public_cpps/media1, for as3) when prompted

Provide the information asked, and relax until it finishes.

Windows & MacOS

Download the following .py file and place it on Desktop.

Download SWFTool.py

Then execute the following commands

cd Desktop
python SWFTool.py

Make sure you enter full path (like C:\xampp\htdocs\media1, for as3) when prompted

Provide the information asked, and relax until it finishes.

That's a massive leap ahead, all that's left is to change host where client tries to connect.

You have to change IP address in Crumbs. You might want to use SWF ActionScript Editing tools like JPEX FFDEC, or ASV

Change the following files:

AS3: media1/play/v2/content/global/crumbs/global_crumbs.swf
AS3: media1/play/v2/content/local/en/crumbs/local_crumbs.swf

AS2: media/play/v2/content/global/crumbs/global_crumbs.swf
AS2: media/play/v2/content/local/en/crumbs/local_crumbs.swf

You might want to change 127.0.0.1 to your VPS IP Address, eg: 432.223.76.5

Hosting on a VPS? Click here

Hosting on a domain, requires you to edit certain domains in local mesia files.

First, open XAMPP\htdocs\play\index.html, or /var/www/public_cpps/play/index.html in a text editor.

Replace localhost with your domain name or ip-address (eg: mycpps.pw)

Then, open - for an AS3 CPPS XAMPP\htdocs\media1\play\web_service\environment_data.xml or /var/www/public_cpps/media1/play/web_service/environment_data.xml, or for an AS2 CPPS - XAMPP\htdocs\media\play\web_service\environment_data.xml or /var/www/public_cpps/media/play/web_service/environment_data.xml, and repeat the same, change localhost to your domain name or ip-address

And now that you have those done, you might want to make sure your domain recognizes your sub-domain setup on your VPS, so, go to your website/domain provider's DNS record or (If you are using cloudflare, go to DNS section under cloudflare management panel)

Then, you add Two CNAME records. one for play subdomain, another for media1/media (AS3/AS2) subdomain. Make sure they look similar to this, and save the settings

Contains all necessary SWF files, and downloads the rest from icer when required.

Note: has domain names changed to localhost

UNIX - Linux, Ubuntu, Debain

Run the following commands

wget "https://github.com/Times-0/times-0.github.io/raw/master/AS3-Media-Micro.zip"
apt-get install unzip
unzip AS3-Media-Micro.zip -d /var/www/public_cpps/

Windows & MacOS

Download the following .zip file and extract contents in it to XAMPP/htdocs/

Download AS3-Media-Micro.zip

Contains complete collection of almost all SWF present in CP before it's closure.

(PS: Thanks to our friend Ben).

UNIX - Linux, Ubuntu, Debain

Run the following commands

wget "https://icer.ink/.repo/vanilla/timeline/media.zip"
apt-get install unzip
unzip media.zip -d /var/www/public_cpps/

Windows & MacOS

Download the following .zip file and extract contents in it to XAMPP/htdocs/

Download AS3-Full media zip

or

Cool! Now to setup sub-domains. This part be a bit tricky, so stop eating any cookies

Nginx: UNIX - Linux, Ubuntu, Debain

Below, mycpps.pw is used as domain name, and it may vary depending on your domain name. So if your domain name is coolcpps.com, use that instead. If you are running this on a local system, ie localhost use localhost as domain name.

Run the following commands

sudo cp /etc/nginx/sites-available/default /etc/nginx/sites-available/mycpps.pw
sudo ln -s /etc/nginx/sites-available/mycpps.pw /etc/nginx/sites-enabled/mycpps.pw

sudo cp /etc/nginx/sites-available/default /etc/nginx/sites-available/play.mycpps.pw
sudo ln -s /etc/nginx/sites-available/play.mycpps.pw /etc/nginx/sites-enabled/play.mycpps.pw

sudo cp /etc/nginx/sites-available/default /etc/nginx/sites-available/media1.mycpps.pw
sudo ln -s /etc/nginx/sites-available/media1.mycpps.pw /etc/nginx/sites-enabled/media1.mycpps.pw

Now to edit each file, so that each of them corressponds to our sub-domain, and it's directory

You can use any text editor of your choice, I prefer nano or editing files in local-pc and then uploading it to the VPS.

Make sure, /etc/nginx/sites-available/mycpps.pw looks similar to this

server {
	listen 80 default_server;
	listen [::]:80 default_server;
	root /var/www/public_cpps;
	index index.html;
	server_name mycpps.pw;
}

/etc/nginx/sites-available/play.mycpps.pw

server {
    listen 80;
    listen [::]:80;
    root /var/www/public_cpps/play;
    index index.html;
    server_name play.mycpps.pw;
}

/etc/nginx/sites-available/media1.mycpps.pw

server {
    listen 80;
    listen [::]:80;
    root /var/www/public_cpps/media;
    index index.html;
    server_name media1.mycpps.pw;
}

Apache: Windows & MacOS

Here, XAMPP\ refers to the directory where you installed XAMPP. Typically it would be C:\XAMPP\, so for example XAMPP\htdocs would become C:\XAMPP\htdocs

Open, XAMPP\apache\conf\extra\httpd-vhosts.conf in a text editor. Go to the last line, and append these

<VirtualHost *:80>
    DocumentRoot "XAMPP/htdocs/play"
    ServerName play.localhost

    ErrorLog "logs/play.localhost"
    CustomLog "logs/play.localhost" common
</VirtualHost>

<VirtualHost *:80>
    DocumentRoot "XAMPP/htdocs/media1"
    ServerName media1.localhost

    ErrorLog "logs/media1.localhost"
    CustomLog "logs/media1.localhost" common
</VirtualHost>

UNIX - Linux, Ubuntu, Debain

Run the following commands

wget "https://icer.ink/.repo/legacy/media.zip"
apt-get install unzip
unzip media.zip -d /var/www/public_cpps/

Windows & MacOS

Download the following .zip file and extract contents in it to XAMPP/htdocs/

Download AS2-Media-FULL.zip

Now to setup sub-domains. This part be a bit tricky, so stop drinking any coffee

Nginx: UNIX - Linux, Ubuntu, Debain

Below, mycpps.pw is used as domain name, and it may vary depending on your domain name. So if your domain name is coolcpps.com, use that instead. If you are running this on a local system, ie localhost use localhost as domain name.

Run the following commands

sudo cp /etc/nginx/sites-available/default /etc/nginx/sites-available/mycpps.pw
sudo ln -s /etc/nginx/sites-available/mycpps.pw /etc/nginx/sites-enabled/mycpps.pw

sudo cp /etc/nginx/sites-available/default /etc/nginx/sites-available/play.mycpps.pw
sudo ln -s /etc/nginx/sites-available/play.mycpps.pw /etc/nginx/sites-enabled/play.mycpps.pw

sudo cp /etc/nginx/sites-available/default /etc/nginx/sites-available/media.mycpps.pw
sudo ln -s /etc/nginx/sites-available/media.mycpps.pw /etc/nginx/sites-enabled/media.mycpps.pw

Now to edit each file, so that each of them corressponds to our sub-domain, and it's directory

You can use any text editor of your choice, I prefer nano or editing files in local-pc and then uploading it to the VPS.

Make sure, /etc/nginx/sites-available/mycpps.pw looks similar to this

server {
	listen 80 default_server;
	listen [::]:80 default_server;
	root /var/www/public_cpps;
	index index.html;
	server_name mycpps.pw;
}

Now, setup subdomain files. Edit the following files to have the following content in it instead.

/etc/nginx/sites-available/play.mycpps.pw

server {
    listen 80;
    listen [::]:80;
    root /var/www/public_cpps/play;
    index index.html;
    server_name play.mycpps.pw;
}

/etc/nginx/sites-available/media.mycpps.pw

server {
    listen 80;
    listen [::]:80;
    root /var/www/public_cpps/media;
    index index.html;
    server_name media.mycpps.pw;
}

Apache: Windows & MacOS

Here, XAMPP\ refers to the directory where you installed XAMPP. Typically it would be C:\XAMPP\, so for example XAMPP\htdocs would become C:\XAMPP\htdocs

Open, XAMPP\apache\conf\extra\httpd-vhosts.conf in a text editor. Go to the last line, and append these

<VirtualHost *:80>
    DocumentRoot "XAMPP/htdocs/play"
    ServerName play.localhost

    ErrorLog "logs/play.localhost"
    CustomLog "logs/play.localhost" common
</VirtualHost>

<VirtualHost *:80>
    DocumentRoot "XAMPP/htdocs/media"
    ServerName media.localhost

    ErrorLog "logs/media.localhost"
    CustomLog "logs/media.localhost" common
</VirtualHost>

Here comes the exciting part, it's time to setup client for Friends List implementation.

Timeline (server) already comes with Friends System integrated, but the client needs some tweaks (and twinkies) to support the implemented list

*

If you are using icer.ink mediaserver, follow the tut here: Disney Friends List

First off, download the friends .zip file

UNIX - Linux, Ubuntu, Debain

Run the following commands

wget "https://github.com/Times-0/Friends/archive/master.zip"
apt-get install unzip
unzip media.zip -d /var/www/tmp/
sudo mv /var/www/tmp/Friends-master/html/* /var/www/public_cpps/play/

sudo mv /var/www/tmp/Friends-master/media1/* /var/www/public_cpps/media1/

For AS2, use media instead of media1

Windows & MacOS

Download Friends.zip

Place contents in html inside XAMPP/htdocs/play folder, and contents in media1 in XAMPP/htdocs/media1 (or XAMPP/htdocs/media1 for AS2) folder

After that's set, open media1/play/v2/client/dependencies.json (or media1/play/v2/client/dependencies.json for AS2), in a text editor. (you can use nano media1/play/v2/client/dependencies.json on Ubuntu)

Find the following,

{
	"id": "interface",
	"title": "Interface"
},

below that, add this

{
	"id": "Friends",
	"title": "Dote's HTML5 friends list"
},

It would look something like this,

Friend-lasting! now all thats left is to add HTML codes to your play page. This one's tricky.

Depending on your pre-existing HTML theme (template/framework) the Friends List may/may not work as expected. Fragment of it's UI possibly can be broken and wary.

If you are using icern.ink's mediaserver play page, it already has Disney' friends list, so skip these below and follow steps in here.

Making sure you read the above note, let's move on. Open your index.html in XAMPP/htdocs/play (or /var/www/public_cpps/play), in a text editor (you can use nano for Ubuntu).

Place the following, on top of <head> tag

<link href="css/timeline-friends.css" rel="stylesheet">

<script src="js/jquery-2.1.4.min.js" type="text/javascript"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

It should look sotra like this

Now, find < /body>, just above that add the following

<div id="test-list" style="margin-top: 30px;"> <!--Friends list preview!--> <div id="friends-list" class="friends-outer-shadow friends-box-outer" style="left: 305px; top: 36px; display: none;"> <div class="friends-box"> <!--Drag bar--> <div id="f-drag"> <div class="f-drag"> </div> </div> <div id='f-head'> <img class="friend-icon" src='img/friends_icon.png'> <b><p class="friend-icon-text"> Friends <span style="color:#034C8B; font-size:20px;">(<span id="f-count">00</span>)</span></p></b> <div id='f-close'><div class='close-fx'></div></div> </div> <div id="f-loader"> <div class="f-loader"></div> </div> <div id="f-body"> </div> <div class="f-s-pmd-bar" id = "open-f-r" style="position: absolute; top: 444px; z-index: 3;"></div> <div id="f-requests"> <div class="f-s-pmd-bar" id="close-f-r"></div> <div class="f-loader" style="top:-5px;"> <b><p style="font-size: 14px; color: white; top: 60px; position: relative; text-align: left; left: -65px;">Requests are being mashed down</p></b> </div> <div class='f-s-request'> </div> </div> <div id="f-search-box"> <div class="f-s-pmd-bar"></div> <div class="f-loader" style="display: none; top:-5px;"> <b><p style="font-size: 14px; color: white; top: 60px; position: relative; text-align: left; left: -5px;">Searching</p></b> </div> <div class='f-s-result'> <div class="f-search-result-box"> </div> </div> </div> <div id="f-search"> <input class="f-search" id="f-search-input" maxlength="12" placeholder="Enter nickname to search"> <div class="f-search-button"><b style="position: relative;top: 1px;">Find</b></div> </div> </div> </div> </div> 

<script src="js/friends-timeline.js"></script>
<script type="text/javascript">
$(document).ready( function () {
	$.Timeline.Friends.clientSelector = "#club_penguin"; // change this in all JS file and here if your swf object id is not 'club_penguin'
}
</script>

Soups ready. Cherish it with your buddies, all done!

In case your swf object tag id is not club_penguin, change club_penguin to your tag id in both the index.html and friends-timeline.js file.

This is tested and found working only on AS3. This is due to client limitations of AS2 Shell.

Timeline v7.3+ is required to support this feature.

This is a jump-free zone. You cannot skip once you are in.

Download required Client SWF, and edit dependencies.json

UNIX - Linux, Ubuntu, Debain

Run the following commands

wget "https://raw.githubusercontent.com/Times-0/times-0.github.io/master/jumpline.swf" -P /var/www/public_cpps/media1/play/v2/client/
sudo nano /var/www/public_cpps/media1/play/v2/client/dependencies.json

Windows & MacOS

Download the following .swf file and place it on Xampp/htdocs/media1/play/v2/client/.

Download jumpline.swf

Then open Xampp/htdocs/media1/play/v2/client/dependencies.json in a text editor to edit the file.

In dependencies.json, find the following

{
	"id": "interface",
	"title": "Interface"
},

Below that add

{
	"id": "jumpline",
	"title": "Server Jump"
},

It should look something similar to this,

Save the file and exit, clear your caches :~)

All done! You can start your game and enjoy Server Jumping. (Note: You need Timeline v7.3+ to use this feature)

Register & Login Getting Started

Introduction

General Autism-free

AS3 100 Pure

AS2 100 Pure

Friends Panic-free

Server Jumping Autism-free