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&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&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&refresh=50&connect=&offline=&transtype=Fade&bgcolor=#0000FF&txtcolor=#FF0000"
/><param
name="FlashVars"
value="webcam=http://nn.nn.nn.nn:port/cam_1.jpg&refresh=50&connect=&offline=&transtype=Fade&bgcolor=#FFFFFF&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.
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...
 |