STREAM from QRZ and BUILD A WAY KOOL BIO PAGE...
This TUTOR was produced by K3HKR for all CAM RADIO MEMBERS--- ENJOY !!!
2/23/2010 - Additional backgrounds have been added. More to come.

Do a lookup for K3HKR on QRZ...this is what you can do now !!!

If you navigate to the "DETAIL" button and click "EDIT RECORD" button, you will be given several choices, beginning with "Update callsign data"
"Add or edit your biography..." (You want this selection)
"Add or edit your pictures..." (You also want this selection)
"Set expert options and background..." (Yes you want this also)

(1) If you choose to edit your BIO INFORMATION, and add the CAM RADIO STREAM the first selection would be your choice.
(2) If you would rather insert a picture into the BIO PAGE top banner, just to the right of your callsign, name and QTH, you choose the second from above. Note that there is a tutorial located on that editor page. Something new has been added at QRZ, the heart, whatever that is for but I guess that means mine is still beating.
(3) The other choice is for STYLESHEET editing. That means you can add colors, textures and backgrounds for your BIO PAGE. Mine just happens to be bricks. But there are millions of possible selections out there, just Google around for them on the net. There is no tutorial available for changing the style on your BIO, so I have added a few important lines here.

SELECT:
Stream Tutorial
Style Sheet Tutorial
Styles and RGB color Information
Download FlashMJPEG (zip)

Note that there is a NEW editor in QRZ and it does not look or respond the way the original did, so this tutor update has collected the new data from QRZ and displays it here for you. The idea is the same and the steps are relative, but the editor itself is a little different.
This tutorial is meant for Cam Radio Net users only. If you are here to steal our code...go fish !!

 



STREAM TUTORIAL:

   All new tutorial how too: We all know how cool it is to stream from CAM RADIO, but how many times have you desired to stream from QRZ ?? A lot of you I bet and there are a few that do it now. Problem has always been you need a SERVER like Dynamic DNS to do it.

   Not true: The required files are at your fingertips and the latest (Ver. 10.0.2) of the FLASH PLAYER already exists on the Cam Radio Website...CLICK HERE...is that cool or what. Difference here is that this tutorial will show you how to ramp up your BIO page, stream on QRZ and lots more neat things. We will even build up a IMAGE BACKGROUND database so you can plug in more of those neat options that everyone is doing but not telling you the tricks... You won't have that option on other servers like www.DYNDNS.org.

LETS BEGIN WITH THE STREAM:
   This tutorial has been written exclusively for CAM RADIO MEMBERS ONLY !!! Images and content are
copyright of CAM RADIO NET and www.camradio.net on the Internet.

   First we must be sure that you understand a few simple rules regarding COPY and PASTE. You will be shown a set of lines like these ---> and <--- You must copy only the code that is INSIDE THESE lines.
Example:

--->
This stream is presented by - www.camradio.net
<---

   You will highlight only the CODE in BLUE that remains inside and between the RED arrows. This code will be placed into the BIO EDITOR on QRZ.com. For other off-line (off-site) websites, please refer to
the editor applications for those websites.
  To highlight, place the mouse cursor on the first letter in the sentence/paragraph and drag the mouse
while holding down the LEFT BUTTON. It should look like this:

--->
This stream is presented by - www.camradio.net
<---

   Now while the highlight remains, click with the RIGHT BUTTON and select COPY. You are ready to PASTE the selected code into the QRZ BIO EDITOR window on the QRZ website and click PASTE. Continue to the next step and try this example...How did that work for you ??? All of you have done at least one edit for your BIO on QRZ...so let me refresh your mind a bit and take you a step farther.

(1) You must "click" the "CLICK FOR MORE DETAIL" on your BIO PAGE.
(2) You must "click" the EDIT RECORD button next to access your QRZ Record Number.
REMEMBER THAT THE RECORD NUMBER IS YOUR FILE RECORD IN THE QRZ DATABASE.

   Now select this OPTION from the list:


You should see something like this...

IF YOU SEE YOUR BIOGRAPHY PAGE, all is fine...
The new version of the EDITOR does not include an ADVANCED button as it did in the old version.

You now click on the SOURCE TOOL located at the TOP LEFT just below your CALLSIGN.

The source editor will pop-up and it should look like the window image in the next pane...




This is the new SOURCE EDITOR on the QRZ BIO PAGE. Note that the SOURCE BUTTON is highlited.

  
You should see a window like the one above, the old window is displayed below. You will take note that this is a full HTML editor and if you have any background in this kind of app, you will have no problem making your final edits. The YELLOW highlighted code above is what you add to your BIO PAGE. In simple terms we support the FLASH player from the "cam radio" server. You simply add your stream Global IP and PORT (http://nn.nn.nn.nn:pppp/) The rest of the code (in yellow) above remains.
   Below is an example of BIO SOURCE before adding the required code. Your BIO code will not look like this, but it will reflect the way you created it...you do not have change anything, Simply find a decent place to do an INSERT...(between <p> and </p>)

   This is an illustration of the code as it should look after your insert. The INSERT should be done after you see this </p> and before you see <p>. This is HTML code for PARAGRAPH. <p> is the beginning and </p> is the end of the HTML markup language.

Here is the actual code, however after you insert it into the BIO you must change a few parameters as stated in the tutor below. Be sure you copy it from here, you cannot insert using a word process editor. Pen your code in NOTEPAD and copy it to the BIO PAGE.
HINT: You can test this code prior to insertion. Save the code in NOTEPAD as MYBIO.html, now open that file in any browser. You should see your stream. Don't forget to change your IP and PORT prior to saving the code on your computer.

Click here
  for the code in a MYBIO.html file that is on our server.

--->
<p>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="320" height="240" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0">
<param name="src" value="http://www.camradio.net/members/flashMJPEG.swf?webcam=http://nn.nn.nn.nn:port/cam_1.jpg&amp;refresh=30" /><embed type="application/x-shockwave-flash" width="320" height="240" src="http://www.camradio.net/members/flashMJPEG.swf?webcam=http://nn.nn.nn.nn:port/cam_1.jpg&amp;refresh=30"></embed>
</object>
</p>

<---

<---
<object data="http://nn.nn.nn.nn:port/flashMJPEG.swf" height="setH" type="application/x-shockwave-flash" width="setW"><param name="movie" value="http://nn.nn.nn.nn:port/flashMJPEG.swf?webcam=http://nn.nn.nn.nn:port/cam_1.jpg&amp;refresh=50&amp;connect=&amp;offline=&amp;transtype=Fade&amp;bgcolor=#0000FF&amp;txtcolor=#FF0000" /><param name="FlashVars" value="webcam=http://nn.nn.nn.nn:port/cam_1.jpg&amp;refresh=50&amp;connect=&amp;offline=&amp;transtype=Fade&amp;bgcolor=#FFFFFF&amp;txtcolor=#FFFFFF" /><param name="loop" value="false" /><param name="menu" value="false" /><param name="quality" value="best" /><param name="scale" value="noscale" /><param name="salign" value="lt" /><param name="wmode" value="opaque" /></object>
<---

   The above code in RED should be inserted into the BIO page.
   or...
   The above code in BLUE may also be used. In this style, the setH and setW will allow you to use a larger stream window. You must make a choice: You handle the FLASH or Cam Radio handles it. If you handle the FLASH, it will indeed increase your CPU usage. It will in-turn increase QRZ server usage and increase total latency.
If you choose the second procedure...do not display our CAM RADIO NET logo, and please do not display the link.

(Parameter 1) You must insert your present GLOBAL IP and PORT. Change nn.nn.nn.nn:pppp in the QRZ EDITOR to your GLOBAL IP and PORT as listed on your WebcamXP stream page.
If your IP changes, or you use DYNDNS.ORG, that stream source and PORT must be updated where the nn.nn.nn.nn:port is posted above. Keep that in mind, if your GLOBAL IP changes a lot during a short period of time, you should sign up for DYNDNS.ORG (contact WK9Z for details).
   The above will display a 320 by 240 stream image. If you want to change the stream size, you must change the window parameters in two locations as shown above, however you may "cut off" some of your stream.
You can choose the alternate code and handle the FLASJ from your server. That will work, but it also  increases the QRZ server bandwidth.
You can change the refresh rate at any time. If you are experiencing "brown outs" during the FLASH STREAM, change the "refresh" rate to 50. Always remember, there are several places to make your IP/PORT stream changes.
   Other adjustments can be made from within the flashMJPEG.swf file. I will look into adding a "one of a kind" off-line image for CAM RADIO MEMBERS in place of the dumb BLUE screen and the OFF-LINE message displayed by Webcam XP. Those settings are located inside the WEBCAM XP parameters that must be edited inside the Flash Macromedia Program. These edits require an Actionscript editor and must be re-compiled upon completion.

Remember to add the "Stream Presented by CAM RADIO NET" to your BIO page. This is important because I can track NON-MEMBER users, in a WEB SEARCH ENGINE.                                       

NOW LETS RAMP UP THE BIO PAGE: TAKE NOTE...the style editor has not changed.
   This is supposed to require BRAIN SURGERY to complete and I have been told it is very hard to do...Well that just ain't true and here is how you change the QRZ stylesheet settings.
   I assume you are still somewhere near the EDITOR, so "save" your changes and get back to the advanced menu. Now select the CSS stylesheet option.


Click on the GEARS and lets GRIND out a little code here.

This image is used on K3HKR bio page...The BACKGROUND is important so lets look at how to do that. You will need a BKG image and a URL where it is located. The image located to the LEFT is one I put together in Photoshop. The file name is paper22.gif. The image may be a .JPG, .GIF or .PNG. The .GIF images seem to work better only because the CAM RADIO SERVER will upload it to the QRZ SERVER a lot quicker especially if the image is shallow in depth. Animated GIF backgrounds are all over the net like a blanket, just pick one that is not copyright. Using GIF files is a smart idea if you also intend to stream. Let's not be Internet Hogs just because we can...after all we have a good thing going here and we should be a good neighbor.

   The server information is www.camradio.net/BKGimages/ and the file name follows the last "/" in the address, as in "/filename.gif  In the code below, you substitute the file you choose and replace STARfield.gif after you have inserted the code, saved and tested the results...

What you must do is follow the next tutorial steps to the letter.

<---
/* user style: STARS begin */
#csbody { color: #FFFFFF;background-image:
url('http://www.camradio.net/BKGimages/STARfield.gif');
background-repeat: repeat ;font-weight: bold; font-size:12pt;
background-color:#000000 } #calldata { color:
#3CA7F2;background-image:
url('http://www.camradio.net/BKGimages/STARfield.gif');
background-repeat: repeat ;font-weight: bold; font-size:12pt;
background-color:#000000 } #biodata { color:
#EEC317;background-image:
url('http://www.camradio.net/BKGimages/STARfield.gif);
background-repeat: repeat ;font-weight: bold; font-size:12pt;
background-color:#000000 }
{ }
/* user style: STARS end */

--->
Now be sure you see a box like this one below. It will have "stuff" in it and basically it will be very generic. This is the ADVANCED PAGE OPTIONS - YOUR CALL SIGN


First we must clear this stylesheet editor dialogue box.

There will de some "stuff" in here that we must remove. Highlight all that is in the box and RIGHT CLICK then DELETE all the style code.
The box should (must) be empty...
Now Highlight the code listed above between the 2 red arrows. Use the RIGHT MOUSE BUTTON and COPY the code.
Now PASTE that code into the empty box above.

   It should look something like this, now edit into the BKGimages, the BKG FILE of your choice.
You will replace STARfield.gif as above with your image name. The image must be on the CAM RADIO SERVER, or any server that you can access. Place the name in all THREE URL markers.
 **The line: url('http://www.camradio.net/BKGimages/STARfield.gif'); -- must be written as above, only change the information inside the PARANTHESIS.

NOW CLICK SAVE...

   To change your TEXT colors and FONT STYLES, you must understand RGB settings. In the example above FONT WEIGHT, SIZE and COLOR are all referenced. To change WHITE to BLACK, you change the "000000" to "FFFFFF", if you want all RED you change the first set of numbers (R) to "FF0000" and leave the (G) and (B) at "0". To make PURPLE, try this "FF00FF" These are BINARY settings in HEX and range from "00" (R) "00" (G) "00" (B) to "FF" (R) "FF" (G) "FF" (B). Note that FONT SIZES are in POINT and just like any normal TYPESET, you simply raise the value from "9" to "48" on the QRZ style sheet editor. Change the 12 above to 14 or 18 and see the results on your BIO page.

BACKGROUND COLOR is something that can be done like TEXT COLOR same rules apply. In the above example you change #000000 to #00DD00 (after the background-color mark-up tag) and the color should be GREEN in color. See the color code chart below for the BASIC 256 INTERNET COLORS and their CODES.

HINT: The above example shows CALLDATA and BIODATA tags...these represent the SIZE, COLOR and BACKGROUND for the BIOCALL (your call sign information) and BIODATA (your biography information) text attributes.

About your images, they should be no larger than 124 by 124, however, larger images can be used if they are small bit size. Use GIF images when possible. Select a clean set of FONTS to support your information. Solid backgrounds without images can be obtained by removing the URL TAG (shown above with ** asterisks) and simply setting a color #BBBB55 (or whatever you choose) for your background.
TO SEE AN IMAGE LIST GO HERE:


Ok if you create a neat background and want to use it, simply send it in an email and I will add it to the CAM RADIO SERVER so you can post it on QRZ. I will advise you if the image will not get passed the QRZ server limitations, so create it and send it to me at the WEBMASTER email address. Simple as that, the image will become CAM MEMBER DOMAIN and will be posted in a GALLERY as the images get bigger.

This is a BASIC tutorial. You might want to experiment, but always return to the basic settings above if you get in trouble...just clear the stylesheet editor and paste the code above in place.

 ----------------------------------------------------------------------------------------------------------------
Now that you have a great BIO on QRZ...try this:
Your STREAM LISTING on the MEMBER PAGE ("Stream Listing" on the main menu) is available for you to use as a external link. The URL is www.camradio.net/members/[callsign]_live.html this URL can be placed anywhere in your BIO LISTING and you can also upload a small picture for the LINK. If you want to see how it looks finished...search K3HKR on QRZ lookup.
In the above LINK URL, substitute your call sign for [callsign]_live.html
Click here:
www.camradio.net/members/K3HKR_live.html then substitute your call for mine. Copy from the IE address bar and paste into QRZ BIO. Then attach an image for the link. Done...
---------------------------------------------------------------------------------------

STREAM RULES YOU MUST FOLLOW:

You MUST notify the webmaster when there is a URL change. Anyone having more than 5 (five) IP changes per year must use www.DYNDNS.org for their stream page listing. Contact WK9Z regarding proper setup of the DNS DYNAMIC CONTROL.
You MUST announce somewhere in your BIO that CAM RADIO NET is generating the stream.
COPY AND PASTE THIS: <p><font size="1">STREAM PRESENTED BY: CAM RADIO NET</font></p>
You MUST meet the CAM RADIO REGULATIONS regarding stream conduct and display allowances.
(In other words...we set this up for you, you should show all due respect to the fraternity.)
You do not want to stream in poor taste if you choose to stream on QRZ...