进取1980s

像我所知道的那样，开发一个播放器，一般来说需要一个timer，在Silverlight中你可以像Joe描述的那样用Storyboard这控件来代替，用法就像Javascript中window.setTimeout 方法一样，一般来说用timer和流媒体下载部分及总大小可以安全地有效地控制Buffer和Play进度问题。但是在Silverlight这些工作已经被“内置”了，使用MediaElement有几个个事件和属性（BufferingProgressChanged, DownloadProgressChanged，BufferingProgress, BufferingTime, DownloadProgress），用事件驱动的方式就能进行控制下载进度的问题了。

但是实际情况不是想像中那样顺利，Buffer似乎在未下载完的和播发的交叠点就进行了，DownloadProgressChanged 事件也不像msdn描述的那样当 DownloadProgress 变化时就触发。

我的暂且方法是像在flash中那样用我们使用前面描述的“timer”来监控DownloadProgress，因为DownloadProgress对下载进度的描述还是准确的。

鼠标事件问题。

msdn对CaptureMouse的条件进行如下描述

The mouse is over the Silverlight control client area.
No other Silverlight object has captured the mouse.
No other non-Silverlight object has captured the mouse.
The left mouse button must be in a depressed state.

哦，是的，只有当鼠标在Silverlight之上才有意义。当我们进行一个DragDrop时，当鼠标离开Silverlight控件时，我们就会丢失这个事件。我不得不说这没有Flash处理的好，在Flash中你只需要对stage对象增加鼠标事件句柄就可以对Html的鼠标事件也进行捕捉。

我们需要这样的功能，因为无论Silverlight还是Flash都是在浏览器中，大多不是全屏的。对于这个问题，我还没有太好的解决方法，一旦发现会马上放出。

最后由于Silverlight还是处于Beta的阶段，也许以后会有变动。

2007年6月15日

JScript的内存泄漏之后续篇

JScript Memory Leaks in Microsoft IE solution 2

正像我上篇文章翻译的一样，Microsoft Internet Explorer 在DOM对象增加事件句柄后会带来内存泄漏的问题。上篇文章也给出了解决方案，但是如果在开发者未知该何时调用这个净化程序时，一般开发者会加入类似的代码：

if ( Nebula.isIE ) {
  window.attachEvent("onunload", function () {
    Nebula.clearEvent ( document.body );
  });
}

这里的Nebula.clearEvent就是上述的净化程序，它在你离开页面或刷新页面时触发，这很重要。比如你正在浏览Gmail，但不知道什么原因导致你必须刷新gmail，这时如果不调用净化程序内存仍然是得不到释放。

是的，你也许也发现了我们传进去的是document.body，这意味着要对整个html文档进行递归地循环地“净化”，效率是很低的。于是我改进了这个方法。

/**
 * The basic global namespace
 * @constructor
 */
window.Nebula = {
  /**
   * get the Nebula lib 's version
   * @type {string}
   */
  version: "1.1.0.0",
  
  /**
  * Boolean flag that navigator whether it is MCST IE
  * @type boolean
  */
  isIE: !!window.ActiveXObject,
  
  /**
  * Boolean flag that navigator whether it is Apple Safari
  * @type boolean
  */
  isSafari: navigator.userAgent.toLowerCase().indexOf("safari") > -1 ,
  
  /**
  * Boolean flag that navigator whether it is Opera
  * @type boolean
  */
  isOpera: navigator.userAgent.toLowerCase().indexOf("opera") > -1 ,
  
  /**
   * event names
   */
  _eventList: ["onbeforecut", "onblur", "onclick", "oncontextmenu", "oncut", 
     "ondblclick", "ondeactivate", "ondragenter", "ondragleave", "ondragover",
     "ondrop",  "onfocus", "onfocusin", "onfocusout", "onhelp", "onkeydown", 
     "onkeypress", "onkeyup", "onmousedown", "onmouseenter", "onmouseleave", 
     "onmousemove", "onmouseout", "onmouseover", "onmouseup", "onmousewheel",
     "onmove", "onmoveend", "onmovestart", "onpaste", "onreadystatechange",
     "onresize", "onresizeend", "onresizestart", "onselectstart"
   ],
 
  
  /**
   * clear html element 's event handle, fix ie MEMORY LEAKS bug
   * @param d , the element of cleared
   */
  clearEvent: function (d) {
    var a, i, l, n;
    
    if (!d || !this.isIE) {
      return;
    }
    
    a = this._eventList;
    
    try{
      if (a) {
        l = a.length;
        for (i = 0; i < l; i += 1) {
          n = a[i];
          if (typeof d[n] === "function") {
            d[n] = null;
          }
        }
      }
      a = d.childNodes;
      if (a) {
        l = a.length;
        for (i = 0; i < l; i += 1) {
          this.clearEvent(d.childNodes[i]);
        }
      }
    }catch(ex){
      //alert(ex.message);
    }
  }
 
};



if ( Nebula.isIE ) {
  window.attachEvent("onunload", function () {
    Nebula.clearEvent ( document.body );
  });
}

我把DOM元素可能用到event列出来，然后去再去循环这些event，而不是DOM的所有属性。这样好处将会提高效率，减少数万次计算。

JScript的内存泄漏

JScript Memory Leaks in Microsoft IE

当一个系统没有妥善地管理它的内存分配时，就被称为内存泄漏，内存泄漏是一个bug，这问题会导致性能下降和运行错误。

微软的Internet Explorer有许多的泄漏问题，最严重莫过于与JScript的交互作用了。当一个Dom对象包含一个对JavaScript对象的引用时（比如一个事件句柄函数event handling function），并且那个JavaScript对象包含了对那个Dom对象的引用，那么一个环状结构形成了。这本质并不是一个问题。在这时如果没有其他的引用DOM对象和事件句柄时，那么垃圾回收器（一个自动的内存资源管理器）将收回他们的内存，允许它们的空间被再次的分配。垃圾回收可以理解那个环状结构，并不会对它们感到困惑。不幸地是，IE的DOM结构不受JScript管理，它有它自己的内存管理器，它的内存管理器不理解那个环状结构，这导致它变的很困惑，这导致了当环状结构发生的时候，内存回收不再出现。内存不再被回收被称作泄漏，随着时间过去，这会导致内存最终穷尽。内存空间已被用满，导致浏览器死掉。

我们可以对上述进行论证。在第一个程序里，队列测试1，我们将增加10000个DOM对象（span对象），与此同时，删除最近的10个对象。当你运行它，你会发现在windows任务管理器的性能页观察PF（页面文件）使用情况为平稳的正常。PF的改变使用率可以指示内存分配效率.

接下来，运行第二个程序，队列测试2，它的结果不再与测试1相同了，唯一的变动是它对每个对象增加了一个click handler，在Mozilla和Opera中，PF使用保持平稳，但在IE中我们看到PF稳步地增加，内存泄漏导致了每秒数兆字节的增加。通常这个泄漏是不值得注意的。但是Ajax技术变得流行，单页停留时间变的很长，页面更多的变化，导致失败变得普遍。

IE不能做好它的工作去回收环状结构，这任务落到了我们的身上，如果我们明确地打碎环状机构，那么IE就能回收内存了。根据微软所说，闭包（closures ）会引起内错泄漏，这当然是严重错误的，但是这导致微软给了程序员们一个不好的建议去应对微软的bug。这关闭了从DOM方很容易解决问题的那一面，而交给了事实上不能解决问题的JScript方面。

当我们不再使用一个对象时，我们必须清除它所有的event handlers来破坏循环引用，所有我们必须要做的就是将每个event handler属性设置为null值，这可以明确的进行，又或者我们可以写一个通用的净化函数。

净化程序将一个引用DOM对象作为参数，它循环元素所有属性，如果发现任何函数，就将其设为null。这将破坏循环引用，允许内存再生。这也将元素的派生元素，这将很好清除循环引用。净化函数对Mozilla和Opera是无害的，它应用于IE。净化程序应该在移除任何元素时被调用，在removeChild方法，和设置innerHTML属性的之前使用。

function purge(d) {
    var a = d.attributes, i, l, n;
    if (a) {
        l = a.length;
        for (i = 0; i < l; i += 1) {
            n = a[i].name;
            if (typeof d[n] === 'function') {
                d[n] = null;
            }
        }
    }
    a = d.childNodes;
    if (a) {
        l = a.length;
        for (i = 0; i < l; i += 1) {
            purge(d.childNodes[i]);
        }
    }
}

最后我们运行第三个程序，队列测试3，净化程序在删除DOM元素之前被调用。

特别声明，文章翻译于JScript Memory Leaks
版权由原作者所有。

2007年6月14日

nebula silverlight media player 测试发布了

nebula silverlight media player beta is published

我用Microsoft Silverlight创建了一个wmv媒体播放器。它基于Silverlight Application (.Net)创建，使用的c#语言。

一开始我本打算用Javascript来创建，因为那样更容易把 nebula flash FLVPlayer代码“迁移”过来，但是后来我发现可能是Silverlight在处于beta的状态，有许多的问题难以解决。比如说在使用一些事件的时候莫名其妙地报错。

它和nebula flash FLVPlayer具有完全相同的功能：

对于已经buffer的部分快进快退
逐帧播放
全屏
音量控制
保持画面比例/拉伸切换

不过可惜的是我不能把它放到互联网上，因为google pages被封了。不过我准备了一些截图，可以欣赏一下。

随后我将把一些碰到的问题和难点写出来，主要包括关于BufferingProgressChanged的使用，动态使用DoubleAnimation等对象动画，以及与flash开发的不同及比较等，敬请期待！

点击图片可查看大图

Update 07.09.2007: google pages 可以访问了 可以通过这个地址访问 http://swanky.wu.googlepages.com/nebula.silverlight.media.player.html

2007年6月13日

在基于c#的Silverlight中设置Canvas.*属性

set elements's Canvas.Left (Canvas.*) atttribute in Silverlight base on c#

当需要在代码控制某个控件的位置的时候，在JavaScript

中使用

object["Canvas.Left"] = value;

而在c#中需要使用

DependencyObject.SetValue(DependencyProperty property, T obj);

//my code 
myControl.SetValue(Canvas.LeftProperty, myControl.Width/2);

这有使用的不同需要注意。

订阅：博文 (Atom)

进取1980s

2007年11月22日

百度空间的怪事

2007年7月30日

C#中的多线程

2007年6月28日

是男人就下100层 silverlight game man 100

2007年6月18日

关于 silverlight 中媒体下载进度和鼠标事件问题

媒体下载进度问题。

鼠标事件问题。

2007年6月15日

JScript的内存泄漏之后续篇

JScript的内存泄漏

特别声明，文章翻译于JScript Memory Leaks
版权由原作者所有。

2007年6月14日

nebula silverlight media player 测试发布了

2007年6月13日

在基于c#的Silverlight中设置Canvas.*属性

关于

订阅

归档

链接

阅读

最新留言

Loading...

标签

进取1980s

2007年11月22日

2007年7月30日

2007年6月28日

2007年6月18日

媒体下载进度问题。

鼠标事件问题。

2007年6月15日

特别声明，文章翻译于JScript Memory Leaks 版权由原作者所有。

2007年6月14日

2007年6月13日

关于

订阅

归档

链接

阅读

最新留言

Loading...

标签

特别声明，文章翻译于JScript Memory Leaks
版权由原作者所有。