JavaScript - Embed Flash Webcam Using Javascript

Hi there,

A client of mine has asked me to change a flash component on his website to something that will work on the ipad/iphone etc. So my guess is that a javascript created slideshow would do the trick. Check out what I am meaning on this page:

http://www.it-world.com.au/

It's the flash with "Our Services" "Our Products" "Contact" in it.

Can anyone suggest a very easy javascript that I could manipulate to give this same scrolling effect on the click of a link. It needs to be very easy to make changes to as I have no js skills whatsoever other than copying, pasting and making minor changes to obvious pieces of script.

hope someone can help!

Thanks,
Ross

I'm not too familiar with javascript and usually do most of my animation/linking with flash. However my client does not want flash because it can't be displayed on the iPhone. If you go he

http://www.hosthabitat.com/think/bb2/index.html you will see a menu on the left that starts to scroll through the buttons while showing different images on the right. But if you hover over any button it stops on that image. The buttons are then linked to individual pages.

I attempted to try and replicate this technique he

http://www.hosthabitat.com/think/bb2/index_test.html

However I am not sure how to write or modify my script so that it scrolls through the photos like my flash version does. Any help!!! I'm stuck!

Is it possible to use GetVariable() on a variable outside the Main scene timeline?

Im trying to get a variable that is set on "sprite 479" that is gonna run on frame #2.. the variable name is "myVariable"

Code:

function getElement()
{
  var FlashArr = document.getElementsByName('myFlash');
  return FlashArr[FlashArr.length-1];
}

alert(getElement().GetVariable("myVariable"));

I can only get variables located on the MainMovie sprite.

Thank you.

is there javascript i can use to keep certain tabs open on a flash drop down menu?

Hi,
I'm currently working on a Flash pop-up that can be integrated in several websites. I'm currently testing the code. I've got a flash file with a semi-transparant background that loads over the complete page, it also closes the div with the flash content once the end of the swf is reached.

The thing is, I want to prevent the user from scrolling whilst the swf is active. That's why I disabled the overflow-Y.

Now I've got a javascript code that is supposed to change the body's overflow to visible again, and I'm calling to this code in the same frame as where I disable the div with the flash in it.

But for some reason it isn't working.

This is my complete Javascript code:

Code:

<script type="text/javascript">
<!-- Original: Gregor (legreg@legreg.de) -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

var ie4 = (document.all) ? true : false;
var ns4 = (document.layers) ? true : false;
var ns6 = (document.getElementById && !document.all) ? true : false;


function hidelayer(lay) {
  if (ie4) {document.all[lay].style.visibility = "hidden";}
  if (ns4) {document.layers[lay].visibility = "hide";}
  if (ns6) {document.getElementById([lay]).style.display = "none";}
}

function writetolayer(lay,txt) {
  if (ie4) {
    document.all[lay].innerHTML = txt;
  }
  if (ns4) {
    document[lay].document.write(txt);
    document[lay].document.close();
  }
  if (ns6) {
    over = document.getElementById([lay]);
    range = document.createRange();
    range.setStartBefore(over);
    domfrag = range.createContextualFragment(txt);
    
     while (over.hasChildNodes()) {
      over.removeChild(over.lastChild);
    }
     over.appendChild(domfrag);
  }
}


<!-- This is the part I added which I thought would show the scrollbar again after the flashpopup is finished -->
function showbar(){
	document.getElementsByName('body')[0].style.overflowY = 'visible';
}

</script>

And in the final frame of my flash animation I first stop the swf, and then call to both functions:

//stops the movie
stop();

//this is the code that triggers the function to hide the div, and the function that should show the scrollbar

getURL("javascript:showbar();");
getURL("javascript:hidelayer('newlayer');");


I've also got an online webtest he
http://www.haragara.com/banner_test/

And I've included all the files in a zip

Can anyone tell me what I'm doing wrong?

Hi.

i was given a task to set up a simple website to display a picture send by IPcamera to survey a construction site.

I found a sample code to do such thing, but there is one problem.

IP camera sends pictures with different filenames. I would need some way to pass a filename of the newest .jpg picture to this script, or a way to simply show the newest .jpg in certain folder without defining a file name?

Im not sure if this question should be in javascript forum or do i need php for this.

Anyway thanks in advance, if someone is kind enough to give advice.

Hi all
First post here. Hope someone can help.
I have a webcam that is using ftp.
I have a script that works for about 10 or less refreshes most of the time then stops.
The page I have it uploading to is Here . The code is....
[CODE]
<body>
<script type="text/javascript" language="JavaScript">
newImage = new Image();

function LoadNewImage()
{
var unique = new Date();
document.images.webcam.src = newImage.src;
newImage.src = "http://www.qsl.net/2d0drm/cam_1.jpg?time=" + unique.getTime();
}

function InitialImage()
{
var unique = new Date();
newImage.onload = LoadNewImage;
newImage.src = "http://www.qsl.net/2d0drm/cam_1.jpg?time=" + unique.getTime();
document.images.webcam.onload="http://www.qsl.net/2d0drm/tmp_cam_1.jpg";
}
</script>

<img src="http://www.qsl.net/2d0drm/cam_1.jpg" name="webcam" onload="InitialImage()" width="320" height="240">
</body>
[CODE]
I wondered if someone could tell me why it does this? or even ammend any mistakes.
I have tried other refresh scripts, but they seem to have refreshes where there are gaps, which is what i'm trying to avoid.
I think it just goes out of sync with the uploading cam images.
What I like about the script in the link above is(so I believe), it holds the last image until another uploads, so eliminating the gaps.

Thanks if you can help

Paul

Hello,

I am looking to created a login system where a user will take his/her photo via webcam in browser and that picture taken should be related to that user; under a specific timestamp,

for example, if my user name is username and I logged In, the system will note my time and by taking a photo (either auto or by clicking a button in browser) and will store that picture in a folder under a unique name related to that customer and the time he logged in,

I am stuck how to connect web cam to browser (desirable ajax etc not flash) and then photo taken and stored in a folder with unique name etc

anybody did something like this before? help appreciated.

Hi,

I need a javascript that detects flash and replace z-index value.

i have 2 div. div1 (alternate HTML content) has z-index=-3 and div2 (flash object) z-index=0. If flash is detected, do nothing. if flash is not detected, i would like to set div1 z-index to a positive 3.

can someone please help me?

Hi,

I am working on a project in which I have to open my flash demo in a modal window. I got all the code for modal window and it is working great.

The only problem is I am not able to open a flash file in modal window.

Can any one guide me or suggest me how should I fix this.

Thanks in advance.

Vikrant

I have 3 tabs with a flash video playing in each. If a user clicks on a video and then decides to move to another tab while the video is playing.... the video stops and the tab is switched. I am using the code below to achieve that.

Code:

onClick=player1.sendEvent('STOP'); player2.sendEvent('STOP'); player3.sendEvent('STOP');

this works fine if I have the tabs appearing in sequence with player1 embedded in the first tab, player2 in the second and player3 in the third. However, I wanted to randomize the tabs, in which case if tab 3 containing player3 appears first and is played and then the user switches to another tab the video keeps playing.... meaning the above code does not work in that instance.

I am at a loss here cause i thought that the onClick event should be going through all the players and stopping them.

website: http://tinyurl.com/ydalz2r (at the moment the tabs are displayed in sequence)

Hi can Javascript talk to the flash plugin to access the microphone functionality?

if so how can i do this?

hi,
I have created a flash video that work on a php table (like php-nuke), this is seen well on my PC, instead with various screen the video size is not good. ON screen big the video is small, on screen small the video is big... How i can made a script that change the dimension of flash video ? any idea ? please help me..

I am embedding a flash photo gallery object in an html page. The flash gallery has a param "thumbVisibility" that allows you to set the visibility of the thumbnails with the options "NEVER" and "ALWAYS." I have it set to "NEVER" so that the thumbs do not show when the object loads. That is how I want it.

However, I would like to build a javascript method to create a toggle button to switch between "NEVER" and "ALWAYS" so that the thumbnails can be turned on and off by the end user.

As a first step, I know that javascript can be used to pass params to flash objects but as a js noob I haven't been able to find a clear and concise tut to figure out how to do this. Of course, the second step is how to do this in a function where I could switch between the two options using a single toggle button.

I would greatly appreciate it if someone could suggest an approach to the javascript required to solve this problem. Thanks in advamce for your assistance.