Instead, you download video clips (from YouTube) or from other unnamed websites which are usually very slow and not secure, downloading some spyware programs and similar onto your computer. This “problem“ of downloading videos can easily be solved with Javascript code in your Bookmarks folder (checked only with Mozilla Firefox). When you find your favourite video clip, simply click on your Bookmark and after one second you have a Download link directly from YouTube, and in few seconds you have the video clip downloaded on your own local computer in .mp4 format.

How to get it work? Simply right click on Bookmark toolbar – New bookmark or Bookmarks – Organize Bookmarks… – New Bookmark.

Under Name: write something like “Download YouTube“ (for HD type “Download YouTube HD“). Under Location: type in following Javascript code.

Regular video

For regular (”non-HD“ content), you use it when you want download regular video clips in non-HD resolution.

javascript:if%20(document.getElementById('download-youtube-video')==null%20&&%20!!(document.location.href.match(/http:\/\/[a-zA-Z\.]*youtube\.com\/watch/)))%20{var%20yt_mp4_path='http://www.youtube.com/get_video?fmt=18&video_id='+swfArgs['video_id']+'&t='+swfArgs['t'];%20var%20div_embed=document.getElementById('watch-embed-div');div_embed.innerHTML=div_embed.innerHTML+'<br%20/>%20<span%20id=\'download-youtube-video\'><a%20href=\''+yt_mp4_path+'\'>Download%20as%20MP4</a>%20'+%20%20((navigator.userAgent.indexOf('Safari')!=-1)?'(control-click%20and%20select%20<i>Download%20linked%20file%20as</i>)':('(right-click%20and%20select%20<i>Save%20'+%20(navigator.appName=='Microsoft%20Internet%20Explorer'?'target':'link')%20+'%20as)</i>'))+'</span>';}void(0);

HD (High-Definition) video

For HD (720p) video, you use it when you want download HD video clips from YouTube.

javascript:if%20(document.getElementById('download-youtube-video')==null%20&&%20!!(document.location.href.match(/http:%5C/%5C/%5Ba-zA-Z%5C.%5D*youtube%5C.com%5C/watch/)))%20%7Bvar%20yt_mp4_path='http://www.youtube.com/get_video?fmt=22&video_id='+swfArgs%5B'video_id'%5D+'&t='+swfArgs%5B't'%5D;%20var%20div_embed=document.getElementById('watch-embed-div');div_embed.innerHTML=div_embed.innerHTML+'%3Cbr%20/%3E%20%3Cspan%20id=%5C'download-youtube-video%5C'%3E%3Ca%20href=%5C''+yt_mp4_path+'%5C'%3EDownload%20as%20720p%20HD%20MP4%3C/a%3E%20'+%20%20((navigator.userAgent.indexOf('Safari')!=-1)?'(control-click%20and%20select%20%3Ci%3EDownload%20linked%20file%20as%3C/i%3E)':('(right-click%20and%20select%20%3Ci%3ESave%20'+%20(navigator.appName=='Microsoft%20Internet%20Explorer'?'target':'link')%20+'%20as)%3C/i%3E'))+'%3C/span%3E';%7Dvoid(0);

All you now need do is choose your favourite video clip on YouTube portal and click on adequate Bookmark (for regular or HD video). If it’s normal/regular/non-HD video it looks like this (after click on preliminary created Bookmark):

And if it’s HD video it looks like this one…

You need to right click on the newly created link and choose Save Links As…. Then you need to type in name of your file/video clip and inevitably put the extension at the end “.mp4“ (of course, without the quotation marks). Also, under Save as Type choose All Files. Click on Save and your video will be shortly downloaded.

On your computer, you can run it with some of players – VLC Player, Media Player Classic (MPC) and similar. If you want convert it to some other format, install a program like Xilisoft Video Converter (Standard/Platinum/Pro).

<?php echo "Syntax Highlighter" . "/Code Snippet/Plugin"; ?> <br />

The one thing that I really needed was for easier editing and writing of my posts and putting source code onto my web-page/blog for viewing only, i.e. the code mustn’t be rendered (translated). Wordpress has one built-in, but it’s a little poor, something is translated, something isn’t and similar. I was looking for some add-on/plugin which would have the capability to highlight/color some parts of code, i.e. code can be easy readable without any “translation“ (for example <br> tag musn’t be rendered as a new line). I have found one interesting add-on called CodeHighlighter and from the beginning it seems quite good (also, it has the advantageous possibility to put line numbers at the left side of the code). But, when PHP code came up which contained HTML code (especially <br> tag) – it wasn’t translated properly, so the code which I didn’t wish to show wasn’t right, because the <br> tag wasn’t there. I tried to configure some files, add <br> tag in Visual layout, but all without any success – stupidly, he has translate it anyway.

Then, I was (again) looking for another plugin and found what I needed, simply named WP-Syntax. It can highlight/colour code, add lines at left side (from any number) and you can choose the code language (full list of supported languages) when you add it. Here is how you add some source code to a post:

The plugin which I wasn’t so enthusiastic about earlier (CodeHighlighter) and also the now mentioned WP-Syntax are based on GeSHi system which, as I have mentioned, support many avaliable languages.

Here are a few examples how it looks in real (codes are from CodeHighligher web-site).

C++

class nsScannerBufferList
{
public:
/**
  * Buffer objects are directly followed by a data segment. The start
  * of the data segment is determined by increment the |this| pointer
  * by 1 unit.
  */
class Buffer : public PRCList
{
public:
Buffer() {
++index_;
}

PHP (with start-line 5)

5
6
7
8
9
10
11
12
13
14
15
16
17

<?php
for ($i = 0; $i < strlen( $utf8_string ); $i++ ) {
 
$value = ord( $utf8_string[ $i ] );
 
if ( $value &lt; 128 ) {
// ASCII
$unicode .= chr($value);
} else {
if ( count( $values ) == 0 ) {
$num_octets = ( $value < 224 ) ? 2 : 3;
}
$values[] = $value;

Perl (with start-line 1)

1
2
3
4
5
6

my ($class, $mail, $orig) = @_;
my $new_list = $class->_detect($orig) or return;
$new_list->add_to_posts({mail => $mail->id})
    unless Email::Store::List::Post->search( mail => $mail->id,
        list => $new_list->id
    );

CSS

pre {
border: 1px solid #ccc; padding: 0em 0.5em;
 
/* Browser specific (not valid) styles to make preformatted text wrap */
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
#
}
 
.strike {
text-decoration: line-through;
}

<p style="text-align: center"><a href="http://www.svebee.com/images/phpmysql_2/original/15.jpg"><img style="margin: 5px" src="http://www.svebee.com/images/phpmysql_2/15_thumb.jpg" alt="PHP & MySQL vodič - osnove" /></a></p>

This is one of the Titles in PHP guide.

<a name=skupovi_znakova_strings><p style="font-size: 1.5em; border-top:1px dashed black; border-bottom:1px dashed black">Skupovi znakova (eng. strings) | <strong><a href="#"><font color=blue>strings.php</font></a></strong></p></a>

And so on, they are long and they require very much patience and I need them, for the “unique“ look of my website, to all be in the same style, all titles are the identical, all commands are equal, the same colour and so on. If you write in “Visual” layout, Wordpress will automatically add many codse for nothing. Also, I like to have everything under “my control“ so I can directly edit every part of my post, font colour or some picture description. The advantage of this is, as I have said, precise control of and valid web-pages (with the presumption you know how to write valid HTML/CSS code).

The disadvantage of this way, is that the time taken to write every single post is very long. As I wanted to speed it up a little bit, I have copied all the more important tags into one .txt document at my Desktop, so I could easily copy/paste it into my posts, and then I just change my Title, picture location/descirption and similar. However, that was also a little too slow because of constant “jumping“ from one window to another, selecting, copying and so on. I was looking for some solution, so I could add my own buttons in HTML view in Wordpress, for example, the Title open/start tag would be:

<a name=anchor><p style="font-size: 1.5em; border-top:1px dashed black; border-bottom:1px dashed black">

and end/closed tag would be:

</p></a>

just like this, for example, bold, italic tag and similar which are built-into Wordpress. After a little searching (with Google, of course), I have found it. You need to edit a JavaScript file in wp-includes/js/quicktags.js and copy the 7 lines of code for “add your own button”. Since there are already some buttons, it’s enough to copy them and adapt them for your own needs, they’ll be automatically added in HTML layout in Wordpress. So we have:

1
2
3
4
5
6
7

edButtons[edButtons.length] =
new edButton('ed_code'
,'code'
,'<code>'
,'</code>'
,'c'
);

We copy the following part, and paste it underneath and change it to suit your own needs.
Line 1 and 2, leave as they are, you can just change extension after “ed_“ in something meaingful, for example for “spoiler alert“ I put just “spoiler“.
Line 3 is the name of that button – what will write in HTML view in Wordpress on it.
Line 4 is start tag (open tag).
Line 5 is end tag (closed tag).
Line 6 you can adjust for your own convenience, for example, beginning letter of the tag.

1
2
3
4
5
6
7

edButtons[edButtons.length] =
new edButton('ed_spoiler'
,'spoiler'
,'[spoiler name=""]'
,'[/spoiler]'
,'sp'
);

The code, which I put, is my button for insert a “spoiler alert” (a spoiler is the content which mustn’t be seen at first view, for example, the end of some movie/game) in my post, I select my text and press my button named “spoiler“ and then the tags are automatically added around it (the text).

In this tutorial, I’ll describe how to set-up your own internet radio streaming – you’ll send information (songs/voice/whatever…) from your computer to a server (which you have bought), which will foward the songs further to your radio listeners. Also, I’ll describe how to make a form on your web-server (web-site) which will show what is currently playing, what’s next, most popular songs, formular for requests (visitor request some song – and radio automaticly plays it) and so on (a playlist).

WARNING: First do ALL WITHOUT No-IP.com, and when you’re done and everything is OK, then back to the first steps and do with No-IP.com static Host.

Neccessary:

Rent/buy a ShoutCast server/hosting

First of all, you need to buy a ShoutCast server which will “serve customers” (because for most of people, the normal upload speed at home is only enough for about 3-5 people simultaneuosly). I have tried a very good and cheap one (if you order by yourself without contacting me, you’ll pay a few times more) for hosting (no bandwidth limit), so if you’re interested – contact me. I have written this tutorial based upon that host, so some of pictures are connected with it.

When you have contacted me, I will refer you to a good & cheap hosting site and when you have paid them, they will give you information for the server in the following form:

Go on www.streampanel.biz and log in.

Click on Server Management – Manage.

Change Admin Password and Password. Also write down Port Base. At the bottom write down Public name – name of your Radio Station. After you fill them all – click on Update.

After that click on Start - server will start up.

MySQL database

After you bought your ShoutCast server, the first thing you must to do for your “radio programme” is to allow connections to (MySQL) database on your website. Because, in our case, the database is neccessary for the correct working of the SAM Broadcaster – with it we list our songs on website, send requests and similar. So, go to the Cpanel on your website – mostly it’s www.yourwebsite.com/cpanel.

Log in and then click under category “Databases” on “Remote MySQL”.

In the given box, you must type in the IP address which will connect to the database on your website (it must be YOUR IP address). If you want, you can type in your current IP address (find it on www.whatismyip.com) but I don’t recommend that because if your radio station will be online more than 24 hours – your (mostly dynamic) IP address will change. There are offers for static IP addresses, but for us that’s too expensive. There is a solution for this problem. Go to www.no-ip.com, create your account and log in. In your member area click on “Add Host”.

At Hostname: type in your future (static) “IP address”, that address will “act” as your real IP address. There are many names reserved, so be creative. On the right-hand side you can choose the “form” of your address – pick what you like. At “Host Type:” leave it as it is (DNS Host (A)). At IP Address ,probably it will automaticly write your current IP address. If not, type it yourself (you can find it at the right upper corner). “Assign to Group:” leave as it is. Click on “Create Host“.

Address will be created.

Next step, you must download a little piece of software which will be installed on your computer and which will contact the server when your (dynamic) IP address is changed – so it will be (again) – mojradio.no-ip.info (in our case). Program can be download at the following address. Install it and run. Log in with your account (on No-IP.com) and your address will be automaticly added – mojradio.no-ip.info. All you need do is click on it so the smiley will be “shy” (red cheeks).

After that just leave it in Tray.

After you have created your static IP address (Host), you must type in the estimated field in your Cpanel – under Remote MySQL type it in and click on Add. Address is added.

WARNING: Temporarily allow access to your dynamic (real) IP address (example: 42.131.43.234) – after you run program (SAM Broadcaster) you can remove it. If you turn off the program, in the meantime your IP address change, so you won’t be able to run it (database error), so then you must have you real IP address allowed in Cpanel.

After that, make the database for your “radio station”. Go on Cpanel and click on MySQL Databases.

Create new database (whatever name; in our case it will be tzruscom_mojradio) and assign it user with ALL PRIVILEGES – in our case that will be tzruscom_testna.

Your database created.

SAM Broadcaster (v4.2.2)

Now we move on “main” part – installation of SAM Broadcaster programme. Open up installation file (sambc-up.exe) and installation will begin.

Click on Yes.

Click on Next.

Click on Accept.

Click on Next.

Choose MySQL and click on Next.

Choose Specify custom settings and Remote server. At username type in user name of database (in your Cpanel) – in our case that’s tzruscom_testna. At password type in password of that user, and at Database type in name of database which will be for your radio station (tzruscom_mojradio). At Host type in domain of your website (without WWW!). Leave the Port setting as it is (3306).

Click on Next.

The program should be successfully installed (if some error occurs, if something you did went wrong – allow access to database, check for wrong typing of username/password and similar) and it will generate tables in database.

After that type in serial key for program activation:

Run program (all people with version “from net” must deselect all, put “update” and then they can run program).

Program should load up and pop-up windows for importing songs (Media Library) and SoundFX module. Both, leave as they are (selected) and click ‘Continue’.

Now, you should wait for a little while (for communication with the server), and after that you can choose a directory (some) of your songs – choose and click on OK.

SAM Broadcaster will import the songs (if you have many songs, I reccomend importing in pieces because if you import one huge directory of music, the program can freeze), wait till it has finished importing (Q: Why is it so slow?? A: Because there is neccesary communication between your (home) computer and server, and (probably) your speeds (upload speed) are a little slow (~512kbps)…

and there is first screen of your program.

At left side there is a list of your imported songs – under Playlist “Tracks”. At Queue there is list of songs that are ready to be played on the radio, History - history of your played songs and Voice FX – microphone settings (you can turn on microphone and press Press to Talk and speak LIVE at your Internet radio).

Click on Desktop B and click on + (plus) at Encoders

Choose MP3 (if you need 128kbps encoding) or mp3PRO for 64kbps or lower. We will use 128kbps (as our ShoutCast server which we bought – allows it) and click on OK.

At Format choose 128kb/s, 44,1kHz, Stereo.

Click on Server Details and at Server Type select (if it isn’t already) – ShoutCast. At Server IP type in IP of your server (you can see it on www.streampanel.biz after you log in) – in our case 208.53.138.125. At Server Port type in port which you get (in our case) 8757 - you can check it at Server Managment – Portbase. At Password, type in the password of your server (you can see it/change at Server Management – Manage). At Station name type in the name of your radio station, at Genre - type of your music, Website URL – site of radio station and click on OK (if you want you can fill up AIM/ICQ/IRC Channel fields).

After that click right click on Encoder and click on Start (or select and then press F9).

Program should successfully connect and write “Encoded (time), streamd 0 bytes (time)”. It’s time to play some music! Switch on Desktop A and play some song.

If you switch back to Dekstop B you’ll see the size at Streamed is raising.

Go to the IP address of your server with internet browser (208.53.138.125:8757) and you should see the name of song, name of radio station, how many listeners you have and similar.

If it’s all as I mentioned, the thing is fully funcional.

Changing configuration (config)

Now, we must enable that ‘current song’ is shown at our web-site (directly from Internet), so visitors can request songs and similar. Go to the following folder “C:\Program Files\SpacialAudio\SAMBC\samPHPweb“ and copy it all (samPHPweb) to some other place (ex. Dekstop). Open up folder and file config.php with Wordpad/Notepad.

Change the following lines in file config.php:

//Station general details
  $station  = "My station name";
  $email    = "email@mailbox.com";
  $logo     = "images/logo.gif";
 
  $stationid   = 0;           //The ID of your registered station on AudioRealm.com
  $sam["host"] = "localhost"; //The IP address of the machine SAM is running on (DO NOT use a local IP address like 127.0.0.1 or 192.x.x.x)
  $sam["port"] = "1221";      //The port SAM handles HTTP requests on. Usually 1221.

into

  //Station general details
  $station  = "Moj radio";
  $email    = "info@tzrus.com";
  $logo     = "images/logo.gif";
 
  $stationid   = 0;           //The ID of your registered station on AudioRealm.com
  $sam["host"] = "mojradio.no-ip.info"; //The IP address of the machine SAM is running on (DO NOT use a local IP address like 127.0.0.1 or 192.x.x.x)
  $sam["port"] = "1221";      //The port SAM handles HTTP requests on. Usually 1221.

Station – name of your radio station, email – your e-mail address, logo leave as it is (path), stationid leave 0, $sam[„host“] type in your host / static IP address – in our case that is mojradio.no-ip.info. Port leave as it is (1221).

After that open up file dbconfig.xml.php and change following:

<?/* 
<CONFIG application="SAM" version="4.2.1">
	<Database>
		<Driver>MYSQL</Driver>
		<Host>localhost </Host>
		<Port>3306</Port>
		<Database>database</Database>
		<Username>username</Username>
		<Password>password</Password>
	</Database>
</CONFIG>
 */?>

into

<?/* 
<CONFIG application="SAM" version="4.2.1">
	<Database>
		<Driver>MYSQL</Driver>
		<Host>localhost</Host>
		<Port>3306</Port>
		<Database>tzruscom_mojradio</Database>
		<Username>tzruscom_testna</Username>
		<Password>blabla</Password>
	</Database>
</CONFIG>
 */?>

When you have done that, upload the complete directory to your web-server. If you get the following screen (in Internet browser) everything is OK.

If you get error “MySQL error – couldn’t connect to database“ one possible problem could be the ports (1221 and 3306) which must be “free” – you must pass them through your router. An easy way to detect this is download the following script and within it, change these two lines (and ofcourse than upload it to your web-server):

$hostNameOrIP = "mojradio.no-ip.info";
$hostPort = "1221";

that it will read in the first case, and in the second

$hostNameOrIP = " mojradio.no-ip.info ";
$hostPort = "3306";

If both are PASSED, then it’s fine, if it’s FAILED, then you must pass them through your router (tutorials for this can be found here – portforward.com).

LogMeIn has its own advantages, but for more possibilities (which other programs don’t have) you need to pay some money, while for private usage TeamViewer is free and the best one for easily solving some simple problems which most users of Remote Desktop may want to solve. The one within the Windows operating system is good, but a little complicated. Here again, I mention TeamViewer because of programs simplicity - all you need to do is download one little application (1,5MB) onto the computer you want to remote control and it’s running (it’s doesn’t require an installation), you’ll get your ID and password which you need to tell the other computer (which controls it) and at the same moment you connect to your computer you are connected. Of course, you can see how “someone” moves your mouse, looking for some pictures and similar. TeamViewer doesn’t require you to open some ports on the router, configuring some scripts or options you may have never heard of, everything is reduced to the most simple step. Compliments to the authors! In short, I’ll explain what you need to do so you could use Remote Desktop to connect to another computer with the TeamViewer program.

On the computer you want to remotely control, you need to download one little application TeamViewer Quick Support, size about 1,5MB – you can tell the user of the computer over MSN, e-mail or something similar. After he has downloaded the application (the user which is in front of that computer), he needs to double click on it to open it. He will get the next window:

All you need to know (he could use telephone, email or something) is the ID and password which have been shown to him when he ran the program. And here is the ending of his painful job.

The user who will have control over Remote Desktop needs to download the whole application – TeamViewer. Installation is simple and without any complications. After you run the program, you’ll see this.

Probably, it is already clear to you how simple everything is, all you need to do is fill in the ID which you have from the user of the other (remotely controled) computer.

Then you need to choose Remote Desktop as an option. Presentation can be chosen, if you want to show your presentation to others (so then they will be watching at your computer, but they can’t manage it, they can only watch), File Transfer can be chosen if you just need to transfer some files (therefore, File Transfer can work in combination with Remote Desktop, simultaneously) and VPN for virtual private networks – for advanced users.

You’ll get a window for the password, of course, you also have to get it from the user from the other (remotely controlled) computer. Type in the password and click Log On.

That’s it, you are connected and you are staring at another computers screen, miles away from you.

If it’s little slow for you, you can change options under View – Quality and you can choose Custom Settings and Edit custom settings… put colour on Grayscale - black and white scale (no colours) what will speed up the connection (there is less information which needs to be transferred because there are no colours), and you could perform normal work in the black & white variant.

You can record sessions (you can configure, so when you connect to somebody’s computer, it automatically starts recording a session – TeamViewer – Extras – Options – Advanced – Session Recording, where you can also choose the location of the recordings) with Extras – Record – Start/Stop (WARNING: sessions are recorded in .tvs format which you can watch only with TeamViewer program and they take up a little space (few MB for longer sessions). It’s possible to set up File Transfer – windows will pop-up and you’ll see on the left side of your computer, and on the right side remotely controlled computer with all the disks, partitions, files and folders. As you transfer files, the user in front of remotely controlled computer can see which of your folders are being accessed, what is being downloaded or uploaded and so on.

There are a lot more possibilites which I won’t mention nor describe them here (eg. chat with remotely controlled computer under Extras – Chat, Reboot computer and similar) – I’m leaving you some researching of this simple and minimalist program. I hope that Remote Desktop will save you time, money and nerves.