Kyomic's Blog

圣诞快乐

2011-12-24T14:22:25+08:00

为自己送上一曲，Where I've done, 同事推荐的，很不错。

Flash动画

Hello, Shareme.cn

2011-11-28T23:32:16+08:00

最近好忙啊，但是公司里很冷清，每周一次散伙饭，但是却不知道大环境的状况如何，真的要关门大吉了么？唉，无所谓了，有得有失。
现在什么压力都堆到我身上，主站Flash播放器研发，数据日志分析，问题根踪。。。。压力好大，白天连和朋友聊个天都没空，对不住啊，真想抽些空来做自己的事，上班真是太没劲了。。。

“几点了，还不睡”
“睡睡睡”

TweenLite for javascript

2011-11-28T23:21:49+08:00

使用说明（只支持单个属性变换，还很简陋，使用方式类似TweenLite ）
var onTweenEnd = function(){ alert("end")};
//将dom的left变换至100px
TweenLite.to(dom, 0.5, {left:100, onComplete:onTweenEnd });

复制内容到剪贴板程序代码

/**
t: current time（当前时间）；
b: beginning value（初始值）；
c: change in value（变化量）；
d: duration（持续时间）。

*/

var TweenLite = new Function();
TweenLite.cache = {};
TweenLite.TIMER_DURATION = 50;
TweenLite.to = function(obj, duration, style )
{
    if(!obj) throw new Error("*** TweenLite.to arguments error! ***");

    style = style || {};

    if(!style.ease)
    {
        style.ease = Tween.Linear;
    }
    var s;
    var v1;
    var v2;
    for(var i in style)
    {
        if(i=="ease" || i=="onComplete" || i=="onCompleteParams" || i=="onUpdate" ||i=="onUpdateParams" ) continue;
        s = i;
        v2 = style[i];
    }
    if(!s) throw new Error("*** Error: arguments error,can't find attributes ***");
    var st = DOMUtil.getStyle(obj,s);
    v1 = st ? (st.indexOf("px")!=-1? st.split("px")[0]:st.indexOf("px")):0;
    v1 = parseInt(v1);
    v2 = v2 - v1;
    var cache = TweenLite.cache;
    var c = {
        id: ("000000"+Math.floor(Math.random()*100000)).substr(-6,6),
        target:obj,
        c:v2,
        t:0,
        b:v1,
        d:duration*Math.round(1000/TweenLite.TIMER_DURATION),
        att:s,
        ease:style.ease
    };
    c.timerId = Math.random();
    c.handler = function(obj,c, style)
    {
        if(c.t            c.t++;
            val = Math.ceil(c.ease(c.t, c.b, c.c, c.d));
            obj.style[c.att] = val + "px";
        }else{
            TweenLite.kill(obj);
            if(style.onComplete && typeof style.onComplete=="function")
            {
                if(style.onCompleteParams)
                {
                    style.onComplete.apply(null, style.onCompleteParams);
                }else{
                    style.onComplete();
                }
            }
        }
    }
    if(cache[obj] && cache[obj].target == obj)
    {
        TweenLite.kill(obj);
    }

    cache[obj] = c;
    c.timerId = setInterval(c.handler, TweenLite.TIMER_DURATION, obj, c, style);

}
TweenLite.kill = function(obj)
{
    var cache = TweenLite.cache;
    if(cache[obj])
    {
        clearInterval(cache[obj].timerId);
    }
}

robertpenner的动画库自然不可少

复制内容到剪贴板程序代码

//author:    cloudgamer
//from:        http://bbs.blueidea.com/forum.php?mod=viewthread&tid=2905864
/*
算法来源：http://www.robertpenner.com/easing/
*/
var Tween = {
    Linear: function(t,b,c,d){ return c*t/d + b; },
    Quad: {
        easeIn: function(t,b,c,d){
            return c*(t/=d)*t + b;
        },
        easeOut: function(t,b,c,d){
            return -c *(t/=d)*(t-2) + b;
        },
        easeInOut: function(t,b,c,d){
            if ((t/=d/2) < 1) return c/2*t*t + b;
            return -c/2 * ((--t)*(t-2) - 1) + b;
        }
    },
    Cubic: {
        easeIn: function(t,b,c,d){
            return c*(t/=d)*t*t + b;
        },
        easeOut: function(t,b,c,d){
            return c*((t=t/d-1)*t*t + 1) + b;
        },
        easeInOut: function(t,b,c,d){
            if ((t/=d/2) < 1) return c/2*t*t*t + b;
            return c/2*((t-=2)*t*t + 2) + b;
        }
    },
    Quart: {
        easeIn: function(t,b,c,d){
            return c*(t/=d)*t*t*t + b;
        },
        easeOut: function(t,b,c,d){
            return -c * ((t=t/d-1)*t*t*t - 1) + b;
        },
        easeInOut: function(t,b,c,d){
            if ((t/=d/2) < 1) return c/2*t*t*t*t + b;
            return -c/2 * ((t-=2)*t*t*t - 2) + b;
        }
    },
    Quint: {
        easeIn: function(t,b,c,d){
            return c*(t/=d)*t*t*t*t + b;
        },
        easeOut: function(t,b,c,d){
            return c*((t=t/d-1)*t*t*t*t + 1) + b;
        },
        easeInOut: function(t,b,c,d){
            if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;
            return c/2*((t-=2)*t*t*t*t + 2) + b;
        }
    },
    Sine: {
        easeIn: function(t,b,c,d){
            return -c * Math.cos(t/d * (Math.PI/2)) + c + b;
        },
        easeOut: function(t,b,c,d){
            return c * Math.sin(t/d * (Math.PI/2)) + b;
        },
        easeInOut: function(t,b,c,d){
            return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;
        }
    },
    Expo: {
        easeIn: function(t,b,c,d){
            return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;
        },
        easeOut: function(t,b,c,d){
            return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;
        },
        easeInOut: function(t,b,c,d){
            if (t==0) return b;
            if (t==d) return b+c;
            if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;
            return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;
        }
    },
    Circ: {
        easeIn: function(t,b,c,d){
            return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;
        },
        easeOut: function(t,b,c,d){
            return c * Math.sqrt(1 - (t=t/d-1)*t) + b;
        },
        easeInOut: function(t,b,c,d){
            if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;
            return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;
        }
    },
    Elastic: {
        easeIn: function(t,b,c,d,a,p){
            if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
            if (!a || a < Math.abs(c)) { a=c; var s=p/4; }
            else var s = p/(2*Math.PI) * Math.asin (c/a);
            return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
        },
        easeOut: function(t,b,c,d,a,p){
            if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
            if (!a || a < Math.abs(c)) { a=c; var s=p/4; }
            else var s = p/(2*Math.PI) * Math.asin (c/a);
            return (a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b);
        },
        easeInOut: function(t,b,c,d,a,p){
            if (t==0) return b;  if ((t/=d/2)==2) return b+c;  if (!p) p=d*(.3*1.5);
            if (!a || a < Math.abs(c)) { a=c; var s=p/4; }
            else var s = p/(2*Math.PI) * Math.asin (c/a);
            if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
            return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;
        }
    },
    Back: {
        easeIn: function(t,b,c,d,s){
            if (s == undefined) s = 1.70158;
            return c*(t/=d)*t*((s+1)*t - s) + b;
        },
        easeOut: function(t,b,c,d,s){
            if (s == undefined) s = 1.70158;
            return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
        },
        easeInOut: function(t,b,c,d,s){
            if (s == undefined) s = 1.70158;
            if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;
            return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;
        }
    },
    Bounce: {
        easeIn: function(t,b,c,d){
            return c - Tween.Bounce.easeOut(d-t, 0, c, d) + b;
        },
        easeOut: function(t,b,c,d){
            if ((t/=d) < (1/2.75)) {
                return c*(7.5625*t*t) + b;
            } else if (t < (2/2.75)) {
                return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
            } else if (t < (2.5/2.75)) {
                return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
            } else {
                return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
            }
        },
        easeInOut: function(t,b,c,d){
            if (t < d/2) return Tween.Bounce.easeIn(t*2, 0, c, d) * .5 + b;
            else return Tween.Bounce.easeOut(t*2-d, 0, c, d) * .5 + c*.5 + b;
        }
    }
}

解决Flash在302跨域安全的Bug

2011-10-13T09:48:29+08:00

这个要转一下，好用。

在开发一个Flash图片幻灯片程序的时候遇到当服务器出现302重定向跳转的时候，Flash Player不会自动去加载crossdomain.xml导致出现跨域安全错误，至少在网上查找相关的解决方法，总结消化了一下，可以列出以下几个方法：

1、使用try catch的方式来捕捉到错误，然后分析出错信息，然后强制让Flash Player去加载重定向地址后的crossdomain.xml

示例代码：

var loader:URLLoader = new URLLoader();

loader.contentLoaderInfo.addEventListener(Event.COMPLETE, handleComplete);

function handleComplete(e:Event):void

{

try{

var bmp:BitmapData = Bitmap(e.target.content).bitmapData;

} catch (e:Error){

var msg:String = e.msg;

//利用正则表达式匹配

var regExp:RegExp = /\ http\:\/\/([^\/]+)\//g;

if(regExp.test(msg)){

var domain:String = regExp.exec(msg)[0];

Security.loadPolicyFile([domain, "crossdomain.xml"].join(""));

//do sth.

}

}

}

这种方法是用过匹配Error的出错信息获得302之后的新URL从而加载新的跨域策略文件，给人有点Hack的感觉。

2、这种方法和上面的方法大同小异，但是要更加聪明点同时也具备一定的局限性。

示例代码：

var loader:URLLoader = new URLLoader();

loader.contentLoaderInfo.addEventListener(Event.COMPLETE, handleComplete);

function handleComplete(e:Event):void

{

try{

var bmp:BitmapData = Bitmap(e.target.content).bitmapData;

} catch (e:Error){

//通过设置loaderContext来解决问题

var loaderContext:LoaderContext = new LoaderContext(true);

loader.load(new URLRequest(Loader(e.target).contentLoaderInfo.url), loaderContext);

}

}

此方法不需要复杂的匹配就能拿到新的url表面上看起来真的挺好用。

3、具体我都无法解释为何能够解决问题，但是却很好解决了这个问题，但是依旧有点美中不足：

示例代码：

var loader:URLLoader = new URLLoader();

loader.contentLoaderInfo.addEventListener(Event.COMPLETE, handleComplete);

//直接设置LoaderContext的AD和SD

var loaderContext:LoaderContext = new LoaderContext(true, ApplicationDomain.currentDomain, SecurityDomain.currentDomain);

loader.load(new URLRequest("http://yourdomain.com/image.jpg"), loaderContext);

仅仅通过设置ApplicationDomain和SecurityDomain就能解决302的问题，这看起来比起上面提到的两种方法都要简单得多！只是这样很让人费解，如果你读完了AS的帮助文档会感到更加迷茫，上面说过这两个属性只对SWF有意义，对图片是没有意义的...

那么现在我们来分析下3种解决方法的优缺点：

表面上看第一种方法是最差的，需要恶心的正则匹配，而且需要裸露出来的try catch，这意味着至少要加载两次图像资源才能完成整个加载图片的过程。

而第二种方法实际上也要加载两次才能完成加载图片的整个过程。只是少了正则表达式，但是采用此方法还不如直接用第3种方法呢！

第三种方法明显要简单很多（此方法是cbm提供的），甚至可以不用去理解和分析代码，而且不用加载两次，并且解决了Bug。但是实际上却有着局限性，面对 NetStream这一类的加载就一点办法都没有了，因为NetSteam没有提供LoaderContext的设置，这个时候就只能使用我们的第一种方法（包括第二种方法也不能，因为依靠了contentLoaderInfo）。

最后总结3个解决方法中第三种最优但是具备局限性，第一种适用性最广，但是麻烦。而第二种，我们可以放弃不用了！

对 Server.CreateObject 的调用失败的解决

2011-08-08T18:02:53+08:00

一个简单的例子，Web从excel中读取内容：

<%@language=vbscript %>
<%

Set xlApp = server.CreateObject("Excel.Application")

strsource = "f:\1dw\cl\汉字库.xls"

Set xlbook = xlApp.Workbooks.Open(strsource)
Set xlsheet = xlbook.Worksheets(1)

i=1
response.write "

"
while xlsheet.cells(i,1)<>""

response.write "

"
response.write " "
response.write " "
response.write " "
response.write ""
i=i+1

wend
response.write "

" & xlsheet.Cells(i, 1) & "

" & xlsheet.Cells(i, 2) & "

" & xlsheet.Cells(i, 3) & "

"
set xlsheet=nothing
set xlbook=nothing
xlApp.quit

运行，产生错误

错误类型：
Server 对象, ASP 0178 (0x80070005)
检查权限时，对 Server.CreateObject 的调用失败。拒绝对此对象的访问。

参考网上的方法，摸索以下步骤：

管理工具-->组件服务-->计算机-->我的电脑-->DCOM配置

1.选择Microsoft Excel 应用程序 -->属性

标识:选择交互式用户

安全:启动和激活权限-->自定义,加入InterNet来宾帐户,勾上本地启动和本地激活

2.选择Microsoft Office Excel 2007 工作簿 -->属性

常规:身份验证级别 -->无

有人电脑无DCOM配置的属性,解决方法(已验证)

确保下面四个服务是开着的话，那就能确保右键的属性能够出现。
      1、Remote Procedure Call (RPC)
      2、COM+    Event    System
      3、DCOM    Server    Process    Launcher
      4、Distributed    Transaction    Coordinator

然后再进入组件服务，就能在DCOM配置中看到右键的属性了，并且组件服务计算机中的"我的电脑"上的那个红色的向下箭头也消失了。

Distributed Transaction Coordinator 服务因 3221229584 (0xC0001010) 服务性错误而停止这个错误，主要是系统无法找到MS DTC 日志文件造成的，只要创建一下就可以了：开始－运行－输入命令"msdtc -resetlog"

然后再启动该服务就可以了。

---------------另一篇

Server.CreateObject("Excel.Application")的权限

Set xlApp=Server.CreateObject("Excel.Application")%>
执行这句时发生错误如下：
Server 对象, ASP 0178 (0x80070005)
检查权限时，对 Server.CreateObject 的调用失败。拒绝对此对象的访问。

解决办法:
在命令行键入“DCOMCNFG”，则进入DCOM组件配置界面，选择Microsoft Excel后点击属性按钮，将三个单选项一律选择自定义，编辑中将Everyone加入所有权限。保存完毕后重新启动服务器

感谢BAIDU。我的IIS能createObject了

Flash NetStream的诡异

2011-06-24T13:50:21+08:00

FlashPlayer10.3的NetStream好奇怪, 在IE7环境下 , 用它连接一个无法访问的视频, 如 http://abc.com/a.flv
竟然会报出以下netstat:
NetStream.Play.StreamNotFound
NetStream.Buffer.Flush
NetStream.Play.Stop

视频不是出错了, 只报 NetStream.Play.StreamNotFound就可以了, 后面两个是从何而来?

1. IE/FF只连接无http://的地址,都正常, 只报 NetStream.Play.StreamNotFound
2. FlashPlayer10.3以下版本都正常
3. FF环境下都正常

这FP10.3又做了什么鬼事,干....
求解!

Flash动态载入字体的问题

2011-06-15T19:03:38+08:00

Flash载入跨域字体时，老是发生注册不了字体，原来是Loader没有设置 LoaderContext的问题

var onFontLoaded = function(e:Event):void{
   var loaderInfo:LoaderInfo = e.currentTarget as LoaderInfo;
   //font001为font.swf的类名
   var cls:Class = loaderInfo.applicationDomain.getDefinition("font001");
   //如果跨域，这块会报错, cls已经反射出来了..
   //ArgumentError: Error #1508: 为参数 font 指定的值无效。
   Font.registerFont(cls);
}
//...so many listener
//loader.load(new URLRequest("server/font.swf"));

正解：
var _path = "server/font.swf";
var _localmode = new RegExp("file://").test(loaderInfo.url);
if (_localmode){
   _loader.load(new URLRequest(_path));
} else {
   var context:LoaderContext = new LoaderContext();
   context.checkPolicyFile = true;
   context.securityDomain = SecurityDomain.currentDomain;
   _loader.load(new URLRequest(_path),context);
}

为什么Player在registerFont进不报 SecurityError呢，让我纠结了很久...

CSS: 可伸缩的视频

2011-06-03T01:55:28+08:00

当我在写Elemin主题（一个我最近在设计的WordPress主题）时候，遇到了一个必须面对的问题：我必须要使嵌入的视频可以伸缩。使用max-width:100%和height:auto在HTML5的video标签中有效，但是如果嵌入的代码中含有iframe或者object标签的话就不行了。经过几小时的试验和Google，我终于成功了。如果你也正在创建一个响应设计，这个简单的CSS技巧会派上用场的。调整一下你的浏览器窗口，看看最后的demo吧。

View Demo

可伸缩的HTML5视频(demo)
使用HTML5的video元素，在里面添加max-width:100%，在上面的介绍中提到，如果内嵌的代码中有使用到iframe 或者object标签的话，这个技巧就不生效了。

video {
max-width: 100%;
height: auto;
}

复制代码

内嵌iframe 和object标签的可伸缩视频(demo)
这个技巧非常简单。你需要用一个

容器把代码包起来，并且把padding-bottom的值设为50%-60%。然后把子元素（内嵌的iframe, object）设为width ：100%, height：100%，position ：bsolute 。这样就可以强行让内嵌的元素的宽度自动最大化了。
CSS

.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

复制代码

.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

复制代码

HTML

player.vimeo.com/video/6284199?title=0&byline=0&portrait=0" width="800" height="450" frameborder="0">

复制代码

兼容性
这个小技巧在大部分的浏览器上都是可以的（测试过的平台：Chrome, Safari, Firefox, Internet Explorer, Opera, iPhone 和 iPad）。

FlashPlayer debug不能debug.

2011-05-23T13:51:34+08:00

明明装的FlashPlayer debug版，throw new Error("")竟然不在Player里出错误框
前几周同事的电脑出现问题，如今我的电脑也被感染了？

解决方案：
1.在以下文件夹找到mm.cfg 文件
OS X: /Library/Application Support/ Macromedia
Win XP: C:\Documents and Settings\username
Win Vista: C:\Users\username
Linux: /home/username
2.用记事本打开，将SuppressDebuggerExceptionDialogs的值改为0，改为1就不能debug了

参见文章：http://yoavgivati.com/2009/09/disable-flash-debugger-error-messages/

Http请求状态码的含义

2011-05-20T00:26:05+08:00

xmlHttp.status的值（HTTP状态表）
0**：未被始化
1**：请求收到，继续处理
2**：操作成功收到，分析、接受
3**：完成此请求必须进一步处理
4**：请求包含一个错误语法或不能完成
5**：服务器执行一个完全有效请求失败

100——客户必须继续发出请求
101——客户要求服务器根据请求转换HTTP协议版本

200——交易成功
201——提示知道新文件的URL
202——接受和处理、但处理未完成
203——返回信息不确定或不完整
204——请求收到，但返回信息为空
205——服务器完成了请求，用户代理必须复位当前已经浏览过的文件
206——服务器已经完成了部分用户的GET请求

300——请求的资源可在多处得到
301——删除请求数据
302——在其他地址发现了请求数据
303——建议客户访问其他URL或访问方式
304——客户端已经执行了GET，但文件未变化
305——请求的资源必须从服务器指定的地址得到
306——前一版本HTTP中使用的代码，现行版本中不再使用
307——申明请求的资源临时性删除

400——错误请求，如语法错误
401——请求授权失败
402——保留有效ChargeTo头响应
403——请求不允许
404——没有发现文件、查询或URl
405——用户在Request-Line字段定义的方法不允许
406——根据用户发送的Accept拖，请求资源不可访问
407——类似401，用户必须首先在代理服务器上得到授权
408——客户端没有在用户指定的饿时间内完成请求
409——对当前资源状态，请求不能完成
410——服务器上不再有此资源且无进一步的参考地址
411——服务器拒绝用户定义的Content-Length属性请求
412——一个或多个请求头字段在当前请求中错误
413——请求的资源大于服务器允许的大小
414——请求的资源URL长于服务器允许的长度
415——请求资源不支持请求项目格式
416——请求中包含Range请求头字段，在当前请求资源范围内没有range指示值，请求也不包含If-Range请求头字段
417——服务器不满足请求Expect头字段指定的期望值，如果是代理服务器，可能是下一级服务器不能满足请求

500——服务器产生内部错误
501——服务器不支持请求的函数
502——服务器暂时不可用，有时是为了防止发生系统过载
503——服务器过载或暂停维修
504——关口过载，服务器使用另一个关口或服务来响应用户，等待时间设定值较长
505——服务器不支持或拒绝支请求头中指定的HTTP版本

1xx:信息响应类，表示接收到请求并且继续处理
2xx:处理成功响应类，表示动作被成功接收、理解和接受
3xx:重定向响应类，为了完成指定的动作，必须接受进一步处理
4xx:客户端错误，客户请求包含语法错误或者是不能正确执行
5xx:服务端错误，服务器不能正确执行一个正确的请求

以后总会用到的....