cancel
Showing results for 
Search instead for 
Did you mean: 
cancel
502
Views
0
Helpful
2
Replies

jabber video window mouse events

soonhock_lim
Level 1
Level 1

i refer to the development troubleshooting guide section
from https://developer.cisco.com/site/collaboration/jabber/websdk/develop-and-test/voice-and-video/troubleshooting/

[quote]

JavaScript Events for Microsoft Windows Video Window

On Microsoft Windows, the video window object created by cwic createVideoWindow does not generate HTML mouse and click events. A workaround is to attach the video window element to an invisible <div> (style="display: none") and capture events from that element. Also on Microsoft Windows, HTML elements like buttons will not display on top of the video windows; the video windows always render on top. These limitations do not apply to video windows on Mac.
[/quote]

Since the video windows render on top, it will also be on top of the invisible div. How is it possible to capture mouse events then?

any samples to refer to

2 Replies 2

Geevarghese Cheria
Cisco Employee
Cisco Employee

Hi Soonhock,

Please refer the Follow Jabber Voice Best Practices to know the technical limitations imposed by working within a browser sandbox and adapting to its process model.
For related information please refer - How to ... Add Video Call Capabilities

Thanks and Regards,

Geevarghese

You can do something like this.

The wrapper HTML element

<div id="callcontainer" class="callcontainer" style="display: none">

When a video object is created, attach it to “callcontainer”

$('#callcontainer').append("<div class='videocontainer' id='videocontainer'></div>");

$('#videocontainer').cwic('startConversation', {

          participant: { recipient: num },

          videoDirection: 'SendRecv',

          remoteVideoWindow: 'videoobject'

            });

  });

Finally, register listeners for mouse over, mouse down and mouse out events on “callcontainer"

jQuery('.callcontainer').mouseover(function() {

                if (self._eventDispatcher) {

                        self._eventDispatcher.notify({type:"onMouseOverContainer"});

                }

            });

Regards,

Howard

Getting Started

Find answers to your questions by entering keywords or phrases in the Search bar above. New here? Use these resources to familiarize yourself with the community: