Question about customizing a web component

Hi, I have to customize a component (in this case Windows Media Player)
so that a circular window is shown upon the player. That is, suppose you
have a movie playing (in the ordinary rectangle window), I'd like to create
some sort of mask which only allows to watch inside the circle (as if
someone
is viewing through a peephole or spyhole..)
Is there any possible way to do this? This is targetted to WMP, but maybe it
can be done with javascript?
Any help from someone knowledgeable would be great, as I don't have any
idea where to start from.

TIA!

Jul 20 '05 #1

Subscribe Post Reply

3363

> Haven't tried it but it seems like you can just layer an image over the

Player in HTML. You'll need to specify windowlessVideo as true.

Jim, thanks for your answer, but unfortunately it didn't work. In my html,
I created a table with background desired, and set windowlessVideo as true.
At the beginning, it looks fine, but as soon as the video starts, the image
is put behind.
BTW, I'm working with WMP 6.4 ... could this work with newer WMP versions?

Just in case, I show you the html...(if you try it, please set Filename)

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>Test</title>
</head>
<body>
<p align="center"> </p>
<div align="center">
<center>
<table border="0" cellpadding="0" cellspacing="0" width="352" height="288"
background="control.gif">
<tr>
<td width="352" height="288">
<object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95"
id="MediaPlayer" width="352" height="288">
<param name="AudioStream" value="-1">
<param name="AutoSize" value="0">
<param name="AutoStart" value="-1">
<param name="AnimationAtStart" value="0">
<param name="AllowScan" value="-1">
<param name="AllowChangeDisplaySize" value="-1">
<param name="AutoRewind" value="0">
<param name="Balance" value="0">
<param name="BaseURL" value>
<param name="BufferingTime" value="5">
<param name="CaptioningID" value>
<param name="ClickToPlay" value="-1">
<param name="CursorType" value="0">
<param name="CurrentPosition" value="-1">
<param name="CurrentMarker" value="0">
<param name="DefaultFrame" value>
<param name="DisplayBackColor" value="0">
<param name="DisplayForeColor" value="16777215">
<param name="DisplayMode" value="0">
<param name="DisplaySize" value="0">
<param name="Enabled" value="0">
<param name="EnableContextMenu" value="-1">
<param name="EnablePositionControls" value="-1">
<param name="EnableFullScreenControls" value="0">
<param name="EnableTracker" value="-1">
<param name="FileName" value>
<param name="InvokeURLs" value="-1">
<param name="Language" value="-1">
<param name="Mute" value="0">
<param name="PlayCount" value="1">
<param name="PreviewMode" value="0">
<param name="Rate" value="1">
<param name="SAMILang" value>
<param name="SAMIStyle" value>
<param name="SAMIFileName" value>
<param name="SelectionStart" value="-1">
<param name="SelectionEnd" value="-1">
<param name="SendOpenStateChangeEvents" value="-1">
<param name="SendWarningEvents" value="-1">
<param name="SendErrorEvents" value="-1">
<param name="SendKeyboardEvents" value="0">
<param name="SendMouseClickEvents" value="0">
<param name="SendMouseMoveEvents" value="0">
<param name="SendPlayStateChangeEvents" value="-1">
<param name="ShowCaptioning" value="0">
<param name="ShowControls" value="0">
<param name="ShowAudioControls" value="0">
<param name="ShowDisplay" value="0">
<param name="ShowGotoBar" value="0">
<param name="ShowPositionControls" value="0">
<param name="ShowStatusBar" value="0">
<param name="ShowTracker" value="0">
<param name="TransparentAtStart" value="-1">
<param name="VideoBorderWidth" value="0">
<param name="VideoBorderColor" value="0">
<param name="VideoBorder3D" value="0">
<param name="Volume" value="-560">
<param name="WindowlessVideo" value="-1">
</object>
</td>
</tr>
</table>
</center>
</div>
</body>
</html>
As long as I've been searching, it seems it's not possible to customize the
player this way. The only option I can think of is creating a new activex
control, using wmp as a base.... but it seems a little bit complicated (at
least for me)

Thanks in advance.

Jul 20 '05 #2

p0wer

U¿ytkownik "ac" <me@privacy.net> napisa³ w wiadomo¶ci
news:bi************@ID-84876.news.uni-berlin.de...

Jim, thanks for your answer, but unfortunately it didn't work. In my html,
I created a table with background desired, and set windowlessVideo as true. At the beginning, it looks fine, but as soon as the video starts, the image is put behind.
BTW, I'm working with WMP 6.4 ... could this work with newer WMP versions?

Just in case, I show you the html...(if you try it, please set Filename)

(...cut...)

As long as I've been searching, it seems it's not possible to customize the player this way. The only option I can think of is creating a new activex
control, using wmp as a base.... but it seems a little bit complicated (at
least for me)

Why are you trying to complicate your life? This is the case where layers
come handy.
You've been trying to do an impossible thing - masking player with image
that in fact is placed underneath the player!
Here's my layer proposal:

<div style="position:absolute; top:20px; left:200px; z-index:0; width:384px,
height:288px; margin:none">
<object classid="clsid:22D6f312-B0F6-11D0-94AB-0080C74C7E95"

codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.
cab#Version=5,1,52,701"
id="MediaPlayer"
width="384"
height="288">
<param name="WindowlessVideo" value="1">
(OTHER PARAMS HERE)
</object>
</div>
<div style="position:absolute; top:20px; left:200px; z-index:1; width:384px,
height:288px; margin:none">
<img src="control.gif" width="384" height="288">
</div>

Unfortunatelly, in this case you would have to specify a fixed location for
the layers, thus probably rebuilding your entire site for all elements to
have fixed sizes. Here's the table proposal:

<table>
<tr><td>
<div style="z-index:0; width:384px, height:288px; margin:none">
<object classid="clsid:22D6f312-B0F6-11D0-94AB-0080C74C7E95"

codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.
cab#Version=5,1,52,701"
id="MediaPlayer"
width="384"
height="288">
<param name="WindowlessVideo" value="1">
(...)
</object>
</div>
<div style="position:relative; top:-288; z-index:1; width:384px,
height:288px; margin:none">
<img src="control.gif" width="384" height="288">
</div>
</td></tr>
</table>

How about that? Simple. Of course I've been testing it :)
This code also ensures the player get supdated to the newest version
(codebase). You can disable it as well if you do not like it.
By the way, the option windowlessVideo does not cause the player to get
transparent or something. If you set it to false, the video will overlay
EVERYTHING that is in this place, even placed over the player. I suppose
this is similar as turning video overlay off in full player.

I hope I was helpful...

--
__ .: Radoslaw Loboda :. | Cool stuff !!!
(oo) rl*****@bojko.krakow.pl | --------------------
/ \/ \ | www.tigerhomes.org
`V__V' | www.suncam.tv

Jul 20 '05 #3

CAFxX

you can't overlay anything over the WMP component (as you can't over a Flash
or Director).
you have two choices:
1) encode your WMV with the mask already overlayed (every NLE will do that)
2) *try* to embed your video in a flash animation on the bottom layer and
place the mask on the top layer. i'm not sure this will work, tough...
"p0wer" <p0wer@bojko_krakow_pl> ha scritto nel messaggio
news:3f********@news.vogel.pl...

U¿ytkownik "ac" <me@privacy.net> napisa³ w wiadomo¶ci
news:bi************@ID-84876.news.uni-berlin.de...
Jim, thanks for your answer, but unfortunately it didn't work. In my html, I created a table with background desired, and set windowlessVideo as true.
At the beginning, it looks fine, but as soon as the video starts, the

image
is put behind.
BTW, I'm working with WMP 6.4 ... could this work with newer WMP versions?
Just in case, I show you the html...(if you try it, please set Filename)

(...cut...)

As long as I've been searching, it seems it's not possible to customize

the
player this way. The only option I can think of is creating a new activex control, using wmp as a base.... but it seems a little bit complicated (at least for me)

Why are you trying to complicate your life? This is the case where layers
come handy.
You've been trying to do an impossible thing - masking player with image
that in fact is placed underneath the player!
Here's my layer proposal:

<div style="position:absolute; top:20px; left:200px; z-index:0;

width:384px, height:288px; margin:none">
<object classid="clsid:22D6f312-B0F6-11D0-94AB-0080C74C7E95"

codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf. cab#Version=5,1,52,701"
id="MediaPlayer"
width="384"
height="288">
<param name="WindowlessVideo" value="1">
(OTHER PARAMS HERE)
</object>
</div>
<div style="position:absolute; top:20px; left:200px; z-index:1; width:384px, height:288px; margin:none">
<img src="control.gif" width="384" height="288">
</div>

Unfortunatelly, in this case you would have to specify a fixed location for the layers, thus probably rebuilding your entire site for all elements to
have fixed sizes. Here's the table proposal:

<table>
<tr><td>
<div style="z-index:0; width:384px, height:288px; margin:none">
<object classid="clsid:22D6f312-B0F6-11D0-94AB-0080C74C7E95"

codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf. cab#Version=5,1,52,701"
id="MediaPlayer"
width="384"
height="288">
<param name="WindowlessVideo" value="1">
(...)
</object>
</div>
<div style="position:relative; top:-288; z-index:1; width:384px,
height:288px; margin:none">
<img src="control.gif" width="384" height="288">
</div>
</td></tr>
</table>

How about that? Simple. Of course I've been testing it :)
This code also ensures the player get supdated to the newest version
(codebase). You can disable it as well if you do not like it.
By the way, the option windowlessVideo does not cause the player to get
transparent or something. If you set it to false, the video will overlay
EVERYTHING that is in this place, even placed over the player. I suppose
this is similar as turning video overlay off in full player.

I hope I was helpful...

--
__ .: Radoslaw Loboda :. | Cool stuff !!!
(oo) rl*****@bojko.krakow.pl | --------------------
/ \/ \ | www.tigerhomes.org
`V__V' | www.suncam.tv

Jul 20 '05 #4

> Why are you trying to complicate your life? This is the case where layers

come handy.
I complicate because I had no idea about layers :-) Didn't know they even
existed! (I'm quite newbie to all this)
You've been trying to do an impossible thing - masking player with image
that in fact is placed underneath the player!
Exactly! and I must tell your solution is wonderful, and helped me a lot
to go in the right direction. Thank you very much.

Although I had a little problem with your examples:

This one works ok, I put some comments to see if they're
typos or not...
Here's my layer proposal:

<div style="position:absolute; top:20px; left:200px; z-index:0; width:384px,

width of the component is 352... I changed all occurrences
height:288px; margin:none">
<object classid="clsid:22D6f312-B0F6-11D0-94AB-0080C74C7E95"

codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf. cab#Version=5,1,52,701"
Yes, I avoid this because we stick to wmp 6.4 only... (don't ask why :-))
id="MediaPlayer"
width="384"
height="288">
<param name="WindowlessVideo" value="1">
Maybe you mean "-1" ?
(OTHER PARAMS HERE)
</object>
</div>
<div style="position:absolute; top:20px; left:200px; z-index:1; width:384px, height:288px; margin:none">
<img src="control.gif" width="384" height="288">
</div>

Unfortunatelly, in this case you would have to specify a fixed location for the layers, thus probably rebuilding your entire site for all elements to
have fixed sizes. Here's the table proposal:
OK, as you say, this one has the problem of being absolute... but it works
anyway...
Unfortunately this one didn't... the problem I'm having is that I get
the table size doubled...as if it were taking account of the image height...
<table>
<tr><td>
<div style="z-index:0; width:384px, height:288px; margin:none">
<object classid="clsid:22D6f312-B0F6-11D0-94AB-0080C74C7E95"

codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf. cab#Version=5,1,52,701"
id="MediaPlayer"
width="384"
height="288">
<param name="WindowlessVideo" value="1">
(...)
</object>
</div>
<div style="position:relative; top:-288; z-index:1; width:384px,
height:288px; margin:none">
<img src="control.gif" width="384" height="288">
</div>
</td></tr>
</table>
OK, did that but the only problem I'm having is that. Except for that,
everything works great.
I hope I was helpful...

Again, million thanks for your valuable help!

Just in case, this is the new html...

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>Test</title>
</head>
<body>
<p align="center"> </p>
<div align="center">
<center>
<table border="1" cellpadding="0" cellspacing="0">
<tr>
<td>
<div style="z-index:0; width:352px, height:288px; margin:none">
<object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95"
id="MediaPlayer" width="352" height="288">
<param name="AudioStream" value="-1">
<param name="AutoSize" value="0">
<param name="AutoStart" value="-1">
<param name="AnimationAtStart" value="0">
<param name="AllowScan" value="-1">
<param name="AllowChangeDisplaySize" value="-1">
<param name="AutoRewind" value="0">
<param name="Balance" value="0">
<param name="BaseURL" value>
<param name="BufferingTime" value="5">
<param name="CaptioningID" value>
<param name="ClickToPlay" value="-1">
<param name="CursorType" value="0">
<param name="CurrentPosition" value="-1">
<param name="CurrentMarker" value="0">
<param name="DefaultFrame" value>
<param name="DisplayBackColor" value="0">
<param name="DisplayForeColor" value="16777215">
<param name="DisplayMode" value="0">
<param name="DisplaySize" value="0">
<param name="Enabled" value="0">
<param name="EnableContextMenu" value="-1">
<param name="EnablePositionControls" value="-1">
<param name="EnableFullScreenControls" value="0">
<param name="EnableTracker" value="-1">
<param name="Filename">
<param name="InvokeURLs" value="-1">
<param name="Language" value="-1">
<param name="Mute" value="0">
<param name="PlayCount" value="1">
<param name="PreviewMode" value="0">
<param name="Rate" value="1">
<param name="SAMILang" value>
<param name="SAMIStyle" value>
<param name="SAMIFileName" value>
<param name="SelectionStart" value="-1">
<param name="SelectionEnd" value="-1">
<param name="SendOpenStateChangeEvents" value="-1">
<param name="SendWarningEvents" value="-1">
<param name="SendErrorEvents" value="-1">
<param name="SendKeyboardEvents" value="0">
<param name="SendMouseClickEvents" value="0">
<param name="SendMouseMoveEvents" value="0">
<param name="SendPlayStateChangeEvents" value="-1">
<param name="ShowCaptioning" value="0">
<param name="ShowControls" value="0">
<param name="ShowAudioControls" value="0">
<param name="ShowDisplay" value="0">
<param name="ShowGotoBar" value="0">
<param name="ShowPositionControls" value="0">
<param name="ShowStatusBar" value="0">
<param name="ShowTracker" value="0">
<param name="TransparentAtStart" value="-1">
<param name="VideoBorderWidth" value="0">
<param name="VideoBorderColor" value="0">
<param name="VideoBorder3D" value="0">
<param name="Volume" value="-560">
<param name="WindowlessVideo" value="-1">
</object>
</div>
<div style="position:relative; top:-288; z-index:1; width:352px,
height:288px; margin:none">
<img src="control.gif" width="352" height="288">
</div>
</td>
</tr>
</table>
</center>
</div>
</body>
</html>

ac.-

Jul 20 '05 #5

by: jonnytansey2 | last post by:

Can anyone out there give me a pointer regarding creating a dynamically-generated drop-down list connected to an array? And is that question as clear as chocolate spread? Here's what I've got....

PHP

software design question

by: Uwe Mayer | last post by:

Hi, I have the following inter-class relationships: __main__: (in file LMCMain.py) imports module FileIO defines class LMCMain instanciats main = LMCMain(...) FileIO.py:

Python

General ASP & COM Question.

by: Richard Gutery | last post by:

I have written a COM component who's purpose is to allow a user to change his Windows (NT/AD) password via a web page. Now the component works fine when I run it in VB 6, but not via the web page....

ASP / Active Server Pages

Customizing FlexGrid w/ a check box

by: VR | last post by:

I am trying to embed a check box into a FlexGrid's cell, but having a problem when I start scrolling the grid. Here is my MyCheckBox class... class MyCheckBox : CheckBox { void Init (...

C# / C Sharp

Customizing OpenFileDialog component, changing GUI of Dialogbox

by: seash | last post by:

Hi I need an OpenFileDialog with my own gui of the dialog box. i want to use the functionality given by the object of the OpenFileDialog component with my own dialogbox....have any ideas... Is it...

C# / C Sharp

Question about controls

by: PiPOW | last post by:

Hi. I have a question. I am developing an application and I have to choose the most suitable control to show records from some database queries, with freedom in customizing control layout and...

Visual Basic .NET

Database design question

by: MP | last post by:

Greets, context: vb6/ado/.mdb/jet 4.0 (no access)/sql beginning learner, first database, planning stages (I think the underlying question here is whether to normalize or not to normalize this...

Microsoft Access / VBA

XmlSerializer Question

by: preport | last post by:

I have a webservice that returns data from a database. Our services (the clients) have been blowing up because of illegal character problems. Is there anything I can do on the server side to...

.NET Framework

Customizing the ASP.Net 2.0 Membership Architecture

by: daokfella | last post by:

I'm just starting to dive into the new membership stuff and wondering if it is possible to customize the default membership architecture in ASP.Net 2.0 to do the following: Instead of UserName...

ASP.NET

How to turn on java script in a villaon keypad mobile phone

by: Charles Arthur | last post by:

How do i turn on java script on a villaon, callus and itel keypad mobile phone

Java

Navigating the Data Structures and Algorithms (DSA)

by: BarryA | last post by:

What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...

Algorithms / Advanced Math

Is that possible of reading the .csv file in column wise and the column have different lengths ?

by: Sonnysonu | last post by:

This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...

C / C++

How to build RAID in BIOS?

by: Hystou | last post by:

There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...

Computer Hardware

Problem With Comparison Operator <=> in G++

by: Oralloy | last post by:

Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...

C / C++

The easy way to turn off automatic updates for Windows 10/11

by: Hystou | last post by:

Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...

Windows Server

Discussion: How does Zigbee compare with other wireless protocols in smart home applications?

by: tracyyun | last post by:

Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...

General

AI Job Threat for Devs

by: agi2029 | last post by:

Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...

Career Advice

Access Europe - Using VBA to create a class based on a table - Wed 1 May

by: isladogs | last post by:

The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new...

Microsoft Access / VBA

Question about customizing a web component

Similar topics