FI8918W HTML control/view - any browser (phones too) - FREE!

[edelske]

VERSION 5 RELEASED 3/16/12 ADDED:
(with help from Dan A - PAN & TILT support)

[img]

V5.jpg

[/img]

see IMAGE from my cell phone at bottom of THIS post

PLEASE PLEASE TAKE THE TIME TO REGISTER AND COMMENT ON MY POST. ON THE FORUM - please!

This script (as it is not really a program just HTML statements) will let ANY browser control:

GOTO PRESETS
TURN IR OFF/ON
PAN OR TILT THE CAMERA
GET A SNAPSHOT OR VIDEO STREAM (SLOW OR FAST)
SET THE MODE 50 60 OR OUTDOORS
SET THE BRIGHTNESS
SET THE CONTRAST
SET RESOLUTION
FLIP/MIRROR CONTROL
ALARM OFF/SENSITIVITY
ALARM IR ON OFF
ALARM UPLOAD IMAGE FREQUENCY
ALARM MAIL ON OFF (for logging only)
REBOOT the Camera

This code allows my Nokia E73 browser, using Opera 10.1 (and probably many other browsers) to access my camera and provides "full" functionality. Distributed as a single .txt file.

You MUST do 4 "global" renames to the .htm for this to work for you. With the assumption you are using and have working the DynDns feature....

(if you do not use DynDns just put in the IP address) and the first rename (below) changes to:
Rename YOUR to 123.456.123.456

If you do use DynDns it's rename YOUR to abc123.dyndns-mail.com, with abc123 replaced by your ID.

I used "notepad" to do the global changes, then renamed file from .txt to .htm

Rename YOUR to "your" DynDns real name
Rename 8100 to "your" camera port
Rename NAME to "your" userid
Rename PASSWORD to "your" password

If you edited as .txt - don't forget to rename back to .htm

When you run the window you will get a "tiny" "OK" as feedback for each command EXCEPT "SNAP" (a snapshot of what the camera sees as 1 frame) and SLOW (a one frame every 5 seconds request - without any sound - if you want sound change videostream.cgi to videostream.asf (works great in VLC). You can also do a "refresh" of the page with SNAP to see successive images.

When you get the tiny OK - use your browser's BACK key to return to the menu.

THERE ARE A LOT OF OCCURRENCES - but a "change all" will do the job in a flash.

Comments appreciated - suggestions too, please take the time to register with this forum and post a reply to THIS post.

THIS FILE REPLACES THE EARLIER FILEs and is at:

http://notary.fm/FI8918W.html (my site)

Just HTML no .com .exe .bin (no malware, virus, spyware, underwear, or outerwear possible) - LOOK AT THE CODE - it ONLY uses HTML to talk to the camera + a shell to keep the display neatly organized.

The instructions above are repeated there too

[edelske]

DISTRIBUTION NOW A SINGLE .TXT FILE NO NEED FOR ANY UNZIP PROCEDURE.

There have been many downloads of the file but I have received very few posts to this thread?

PLEASE post your comments - on this thread - about the functionality, installation procedure, choice of menu items, wishlist, etc.

I understand it's a bit of a chore to "register" for the forum - your efforts would be greatly appreciated.


ken

[edelske]

I am thinking about writing a scheduler, similar to my control/view program:
http://foscam.us/forum/fi8918w-html-control-view-any-browser-phones-too-free-t521.html

The control/view was written in the simplest possible HTML to be "universal" - and work with just about any browser. The real intent was to support various cell phones, ipad, etc.

However the challenge is different with scheduling - I "think" this is not really a cell phone function as being "out of range" might cause a command to not be received. Also, many do not leave their cell phones on all of the time. From what I have read on thee forum the MOST needed function is to adjust for day and night settings automatically. Prior to starting this, probably late in April, I need some feedback as to what is wanted and what device types need support. My first thought is Java, as "plain old HTML" really does not have the features required to do the job properly. I am not a Java programmer, and will have to learn a bit to use that language. But prior to doing any planning I need to know what is wanted.
ken

[ben.8]

This is really useful. I cleaned up your HTML and added some javascript to make it easier to change and maintain (URL, username and password only need to be changed in one central location). I also moved the results to an iFrame to cut down on server requests so you don't have to hit the "back" button after every command if you're changing multiple settings, although that's really not a big deal.

Code: Select all

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
   <title>FOSCAM FI8918W Control</title>
</head>

<script type="text/javascript">
    var chrUser = 'USER'
    var chrPassword = 'PASSWORD'
    var chrURL = 'YOUR.dyndns-mail.com:8100' // do not include "http://" in this line

    function doCam(arg, chrType) {   
        if(document.getElementById('ifrResult')){
            if(chrType == 1){       chrCGI = 'decoder_control'
            }else if(chrType == 2){ chrCGI = 'videostream'
            }else if(chrType == 3){ chrCGI = 'snapshot'
            }else if(chrType == 4){ chrCGI = 'set_alarm'
            }else{                  chrCGI = 'camera_control'
            }
            document.getElementById('ifrResult').src='http://'+chrURL+'/'+chrCGI+'.cgi?user='+chrUser+'&amp;pwd='+chrPassword+'&amp;'+arg;
        }
    }
</script>

<body>

<table>
    <tr>
        <td colspan="2" style="font-size:11pt;">
            FOSCAM FI8918W Control <a href="http://kenneth-a-edelstein.com/FI8918W.html" target="_blank">Ver. 3</a>
        </td>
    </tr>
    <tr>
        <td>Image:</td>
        <td>
            <a href="javascript:doCam('',3)">SNAP</a>
            <a href="javascript:doCam('resolution=32&amp;rate=23',2)">SLOW</a>
        </td>
    </tr>
    <tr>
        <td>Go To:</td>
        <td>
            <a href="javascript:doCam('command=31',1)">1</a>
            <a href="javascript:doCam('command=33',1)">2</a>
            <a href="javascript:doCam('command=35',1)">3</a>
            <a href="javascript:doCam('command=37',1)">4</a>
            <a href="javascript:doCam('command=39',1)">5</a>
            <a href="javascript:doCam('command=41',1)">6</a>
            <a href="javascript:doCam('command=43',1)">7</a>
            <a href="javascript:doCam('command=45',1)">8</a>
        </td>
    </tr>
    <tr>
        <td>IR:</td>
        <td>
            <a href="javascript:doCam('command=95',1)">ON</a>
            <a href="javascript:doCam('command=94',1)">OFF</a>
        </td>
    </tr>
    <tr>
        <td>Mode:</td>
        <td>
            <a href="javascript:doCam('param=3&amp;value=0')">50</a>
            <a href="javascript:doCam('param=3&amp;value=1')">60</a>
            <a href="javascript:doCam('param=3&amp;value=2')">OUTDOORS</a>
        </td>
    </tr>
    <tr>
        <td>Brightness:</td>
        <td>
            <a href="javascript:doCam('param=1&amp;value=17')">1</a>
            <a href="javascript:doCam('param=1&amp;value=34')">2</a>
            <a href="javascript:doCam('param=1&amp;value=51')">3</a>
            <a href="javascript:doCam('param=1&amp;value=68')">4</a>
            <a href="javascript:doCam('param=1&amp;value=85')">5</a>
            <a href="javascript:doCam('param=1&amp;value=102')">6</a>
            <a href="javascript:doCam('param=1&amp;value=119')">7</a>
            <a href="javascript:doCam('param=1&amp;value=136')">8</a>
            <a href="javascript:doCam('param=1&amp;value=153')">9</a>
            <a href="javascript:doCam('param=1&amp;value=170')">10</a>
            <a href="javascript:doCam('param=1&amp;value=187')">11</a>
            <a href="javascript:doCam('param=1&amp;value=204')">12</a>
            <a href="javascript:doCam('param=1&amp;value=221')">13</a>
            <a href="javascript:doCam('param=1&amp;value=238')">14</a>
            <a href="javascript:doCam('param=1&amp;value=255')">15</a>
        </td>
    </tr>

    <tr>
        <td>Contrast:</td>
        <td>
            <a href="javascript:doCam('param=2&amp;value=1')">1</a>
            <a href="javascript:doCam('param=2&amp;value=2')">2</a>
            <a href="javascript:doCam('param=2&amp;value=3')">3</a>
            <a href="javascript:doCam('param=2&amp;value=4')">4</a>
            <a href="javascript:doCam('param=2&amp;value=5')">5</a>
            <a href="javascript:doCam('param=2&amp;value=6')">6</a>
        </td>
    </tr>
   
    <tr>
        <td>Resolution:</td>
        <td>
            <a href="javascript:doCam('param=0&amp;value=8')">320x240</a>
            <a href="javascript:doCam('param=0&amp;value=32')">640x480</a>
        </td>
    </tr>
   
    <tr>
        <td>Flip/Mirror:</td>
        <td>
            <a href="javascript:doCam('param=5&amp;value=0')">DEFAULT</a>
            <a href="javascript:doCam('param=5&amp;value=1')">FLIP</a>
            <a href="javascript:doCam('param=5&amp;value=2')">MIRROR</a>
            <a href="javascript:doCam('param=5&amp;value=3')">BOTH</a>
        </td>
    </tr>
   
    <tr>
        <td>Alarm Sens:</td>
        <td>
            <a href="javascript:doCam('motion_armed=0',4)">OFF</a>       
            <a href="javascript:doCam('motion_armed=1&amp;motion_sensitivity=0',4)">10</a>
            <a href="javascript:doCam('motion_armed=1&amp;motion_sensitivity=1',4)">9</a>
            <a href="javascript:doCam('motion_armed=1&amp;motion_sensitivity=2',4)">8</a>
            <a href="javascript:doCam('motion_armed=1&amp;motion_sensitivity=3',4)">7</a>
            <a href="javascript:doCam('motion_armed=1&amp;motion_sensitivity=4',4)">6</a>
            <a href="javascript:doCam('motion_armed=1&amp;motion_sensitivity=5',4)">5</a>
            <a href="javascript:doCam('motion_armed=1&amp;motion_sensitivity=6',4)">4</a>
            <a href="javascript:doCam('motion_armed=1&amp;motion_sensitivity=7',4)">3</a>
            <a href="javascript:doCam('motion_armed=1&amp;motion_sensitivity=8',4)">2</a>
            <a href="javascript:doCam('motion_armed=1&amp;motion_sensitivity=9',4)">1</a>
        </td>
    </tr>
   
    <tr>
        <td>Alarm IR:</td>
        <td>
            <a href="javascript:doCam('iolinkage=0',4)">DISABLE ON ALARM</a>
            <a href="javascript:doCam('iolinkage=1',4)">ENABLE</a>
        </td>
    </tr>
   
    <tr>
        <td>Alarm Upimage/Sec:</td>
        <td>
            <a href="javascript:doCam('upload_interval=0',4)">OFF</a>
            <a href="javascript:doCam('upload_interval=1',4)">1</a>
            <a href="javascript:doCam('upload_interval=2',4)">2</a>
            <a href="javascript:doCam('upload_interval=5',4)">5</a>
            <a href="javascript:doCam('upload_interval=10',4)">10</a>
            <a href="javascript:doCam('upload_interval=30',4)">30</a>
            <a href="javascript:doCam('upload_interval=60',4)">60</a>
        </td>
    </tr>
    <tr>
        <td>Alarm Mail:</td>
        <td>
            <a href="javascript:doCam('mail=1',4)">ENABLE</a>
            <a href="javascript:doCam('mail=0',4)">DISABLE</a>
        </td>
    </tr>
   
</table>
<br>
Results:<br>
<iframe id="ifrResult" name="ifrResult" style="border:0pt;width:640px;height:480px;"></iframe>

</body>
</html>


As far as a scheduler goes, I'm probably more likely to use some external process to send the relevant URL command to the camera as a schduled task.

Thanks for posting this.

[wes]

This is a great post! Thanks...gave me what I needed to create an on/off alarm link.

[edelske]

ben,
a super duper update to my post - WOW is this forum great!!

sure wish i knew java the way you do - thanks for eliminating that messy edit with change all

to those new to this issue.

my original code requires a "find and replace" all to set the customization
Ben's upgrade fixes that with a single point of change

the only other difference:
with a tiny screen as on my nokia phone the image replaces the menu and "back" is needed to get back to the menu.
Ben's code has a slightly longer screen and it might be necessary to scroll down to see a snapshot

one additional difference:
my code should be universal and work with any browser
the more sophisticated work by ben requires activex to function

Now thanks to Ben's wizardly work you have a choice of how the display is formatted.

Ben, I tip my hat to you for your superb work - there must be others out there with great ideas to share - one real need is the ability to send a string of commands outdoors, brightness,contrast for daytime and a different set of commands for night time - share your work here for the good of all.

ken

ben, tiny issue - the ver3 link appears busted, at least from my cell phone

[ben.8]

Whups, bad copy-and-paste on my part. Fixed; if you want to edit your local copy change the line to

Code: Select all

FOSCAM FI8918W Control <a href="http://kenneth-a-edelstein.com/FI8918W.html" target="_blank">Ver. 3</a>

I had left an extra

<a href="

in there.

The code I posted does require your browser to support javascript, but not ActiveX.

[juckes]

Thanks to Ken for contributing this script. Also the prompt assistance with my queries. I will post again when I have it running on my Nokia 6710

Chris

[edelske]

your wcome chris, let me know how it works out.
Ken

[LifeIs2030]

Please bear with my...I am completely new with this. How do I get the mobile browser in my phone to open and play the url links that are attached to my emails when the motion detector is set off? I have the Droid2 Global and it uses Android 2.2. Thanks in advance!