Re: [BULK] Re: Transparent Background

Yeah, send me your connection params changes soon - if you want them to 
make the 4.7 release!

I was able to make your app work with transparency.  Here's what I did:
1) browse to recorder.lzx
2) click the Deploy: 'SOLO' button
3) downloaded the resulting .zip
4) modified recorder.lzx.html (attached) to have a custom bgcolor and 
set wmode: 'transparent' when the swf is embedded.

I hope this helps!

On 1/5/10 2:45 PM, Lucas Lain wrote:
> You're the best max!
>
> (I still owe you the modifications for connection params ... I didn't
> have time to improve the code, but I promise I will)
>
>
>
> On Tue, Jan 5, 2010 at 8:41 PM, Max Carlson<max <at> openlaszlo.org>  wrote:
>> Well, if you want to send me a .zip of your source I can try it out on my
>> machine...
>>
>> On 1/5/10 2:05 PM, Lucas Lain wrote:
>>>
>>> The only viewable thing on my flash is this:
>>>
>>> <library>
>>> <resource name="record_button">
>>>      <!-- first frame is the mouseup state of the button -->
>>>      <frame src="button-click.gif"/>
>>>      <!-- third frame is the mousedown state of the button -->
>>>      <frame src="button-on.gif"/>
>>> </resource>
>>>
>>> <view resource="record_button"
>>>        onclick="startStop()">
>>>          <method name="startStop">
>>>              if(!vid.stream.broadcasting) {
>>>                  perms.doRequest();
>>>                  this.setAttribute('frame', 2);
>>>              } else {
>>>                  vid.stream._flashstream.close();
>>>                  vid.stream.stop();
>>>                  vid.stream.close();
>>>                  this.setAttribute('frame', 1);
>>>              }
>>>          </method>
>>> </view>
>>>
>>> </library>
>>>
>>> and is referenced like this:
>>>
>>>      <include href="inc/buttons.lzx" />
>>>
>>> The buttons are the ones attached.
>>>
>>>
>>>
>>> On Tue, Jan 5, 2010 at 7:48 PM, Max Carlson<max <at> openlaszlo.org>    wrote:
>>>>
>>>> Yes, that looks good - the app's canvas is transparent.  The window isn't
>>>> supposed to be transparent, because there's an iframe floating there.  I
>>>> think wmode is working for you!  Note that you have to be very careful to
>>>> not have views with a bgcolor or resource if you want something to show
>>>> through...
>>>>
>>>> On 1/5/10 1:30 PM, Lucas Lain wrote:
>>>>>
>>>>> I send you the background in red. Is the window supposed to be
>>>>> transparent?
>>>>>
>>>>>
>>>>>
>>>>> On Tue, Jan 5, 2010 at 7:21 PM, Max Carlson<max <at> openlaszlo.org>
>>>>>   wrote:
>>>>>>
>>>>>> Hmm - strange.  When I click the 'Load' button I see the same results
>>>>>> in
>>>>>> Safari 4.0.4 and Firefox 3.5.6 on OS X.  Are you sure you're running
>>>>>> the
>>>>>> latest versions of the Flash player?
>>>>>>
>>>>>> You could try modifying the bgcolor of the page in the .jsp, then
>>>>>> reload:
>>>>>>
>>>>>>             }
>>>>>>                 body {
>>>>>>                 background-color: #ffffff;
>>>>>>             }
>>>>>>
>>>>>> I've attached a screen shot that shows this the red through the window
>>>>>> (I
>>>>>> dragged it a bit).  The only other thing I can think of is updating to
>>>>>> a
>>>>>> nightly build of trunk, which may have bugfixes/better support for the
>>>>>> HTML
>>>>>> tag than 4.6.1.  An official release of 4.7 is expected to come out
>>>>>> soon...
>>>>>>
>>>>>> On 1/5/10 12:44 PM, Lucas Lain wrote:
>>>>>>>
>>>>>>> MacOS X - Firefox (I also tried with safari)
>>>>>>>
>>>>>>> OpenLaszlo Server 4.6.1
>>>>>>>
>>>>>>> Here are the two snapshots
>>>>>>>
>>>>>>>
>>>>>>>
>>>>>>> On Tue, Jan 5, 2010 at 6:14 PM, Max Carlson<max <at> openlaszlo.org>
>>>>>>>   wrote:
>>>>>>>>
>>>>>>>> Can you try this test in your browser?  It should run with
>>>>>>>> transparency
>>>>>>>> properly:
>>>>>>>> examples/extensions/html-swf.jsp
>>>>>>>>
>>>>>>>> If not, what browser/OS combination are you using?
>>>>>>>>
>>>>>>>> On 1/4/10 4:57 PM, Lucas Lain wrote:
>>>>>>>>>
>>>>>>>>> Thank you Max but I had no luck.
>>>>>>>>>
>>>>>>>>> Here is what I wrote in the console.
>>>>>>>>>
>>>>>>>>> lzx>          canvas.bgcolor
>>>>>>>>> 16777215
>>>>>>>>>
>>>>>>>>> I think the value is set. Does anyone get the transparent canvas to
>>>>>>>>> work?
>>>>>>>>>
>>>>>>>>> Thank you.
>>>>>>>>>
>>>>>>>>> Lucas.
>>>>>>>>>
>>>>>>>>>
>>>>>>>>> On Thu, Dec 31, 2009 at 7:51 PM, Max Carlson<max <at> openlaszlo.org>
>>>>>>>>>   wrote:
>>>>>>>>>>
>>>>>>>>>> I'd recommend passing the wmode as an argument to lz.embed.swf(),
>>>>>>>>>> e.g.
>>>>>>>>>> lz.embed.swf({url: '/static/r.swf', ..., wmode: 'transparent'});
>>>>>>>>>>
>>>>>>>>>> Let me know how this works for you!
>>>>>>>>>>
>>>>>>>>>> On 12/28/09 11:54 AM, Lucas Lain wrote:
>>>>>>>>>>>
>>>>>>>>>>> Hello everybody,
>>>>>>>>>>>
>>>>>>>>>>> I looked everywhere on the web for making canvas area transparent
>>>>>>>>>>> and
>>>>>>>>>>> found several posts about this. Every person solved the problem
>>>>>>>>>>> with
>>>>>>>>>>> param tag and the wmode attribute, but I cannot make it work :(. I
>>>>>>>>>>> compiled the SWF with LZC (line: "lzc recorder.lzx --runtime=swf9
>>>>>>>>>>> -o
>>>>>>>>>>> ../static/r.swf") Here is my html code:
>>>>>>>>>>>
>>>>>>>>>>>          <div id="player">
>>>>>>>>>>>              <object
>>>>>>>>>>>
>>>>>>>>>>>
>>>>>>>>>>>
>>>>>>>>>>>
>>>>>>>>>>>
>>>>>>>>>>> codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,79,0">
>>>>>>>>>>>              <param name="wmode" value="transparent">
>>>>>>>>>>>              <embed type="application/x-shockwave-flash"
>>>>>>>>>>>                     wmode="transparent"
>>>>>>>>>>>                     src="/static/r.swf"
>>>>>>>>>>>
>>>>>>>>>>>
>>>>>>>>>>>
>>>>>>>>>>>
>>>>>>>>>>>
>>>>>>>>>>>
>>>>>>>>>>> pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"/>
>>>>>>>>>>>              </object>
>>>>>>>>>>>          </div>
>>>>>>>>>>>
>>>>>>>>>>> lzx code:
>>>>>>>>>>>
>>>>>>>>>>> <canvas proxied="false" debug="true">
>>>>>>>>>>>
>>>>>>>>>>>      <attribute name="profile" value="'lucaslain'"/>
>>>>>>>>>>>
>>>>>>>>>>>      <videoview name="vid" id="vid" url="${canvas.profile}"
>>>>>>>>>>> type="rtmp">
>>>>>>>>>>>          <microphone capturing="true"/>
>>>>>>>>>>>      </videoview>
>>>>>>>>>>>
>>>>>>>>>>> </canvas>
>>>>>>>>>>>
>>>>>>>>>>>
>>>>>>>>>>> Any ideas? I see the white background in safari and firefox :(
>>>>>>>>>>>
>>>>>>>>>>> Thank you in advance,
>>>>>>>>>>>
>>>>>>>>>>
>>>>>>>>>> --
>>>>>>>>>> Regards,
>>>>>>>>>> Max Carlson
>>>>>>>>>> OpenLaszlo.org
>>>>>>>>>>
>>>>>>>>>
>>>>>>>>>
>>>>>>>>>
>>>>>>>>
>>>>>>>> --
>>>>>>>> Regards,
>>>>>>>> Max Carlson
>>>>>>>> OpenLaszlo.org
>>>>>>>>
>>>>>>>
>>>>>>>
>>>>>>>
>>>>>>
>>>>>> --
>>>>>> Regards,
>>>>>> Max Carlson
>>>>>> OpenLaszlo.org
>>>>>>
>>>>>
>>>>>
>>>>>
>>>>
>>>> --
>>>> Regards,
>>>> Max Carlson
>>>> OpenLaszlo.org
>>>>
>>>
>>>
>>>
>>
>> --
>> Regards,
>> Max Carlson
>> OpenLaszlo.org
>>
>
>
>

--

-- 
Regards,
Max Carlson
OpenLaszlo.org