ffmpeg flv to mp4

#!/bin/sh
list=$(ssh root@***.***.***.*** "find /home/wwwroot/r.***.com/Resources/flv/ -type f -name *.flv")
for i in $list;
do
    tmpPath=$(dirname $i)
    tmpName=$(basename $i)
    newName=${tmpName/.flv/.mp4}
    scp root@***.***.***.***:$i ./
    ffmpeg -i $tmpName $newName
    rm -f $tmpName
    scp $newName root@***.***.***.***:$tmpPath
    rm -f $newName
done

cordova 开发 app 使用 touch 事件替换 click 事件

使用 ul li 做导航条时,由于 click 事件的处理时机要晚于 touchstart ,并且 click 事件能明显使用户感觉到延迟,因此使用 touch 事件代替 click 事件。
由此又带来一个问题:用户滑动导航条时,本意可能是让导航条滚动,但是却触发了导航中某一项的点击事件。下面的代码使用 touchstart 与 touchmove 相结合的方式解决二者的冲突。

var nav = document.querySelector(".nav");

nav.addEventListener("touchstart", function(e){
if(e.target.tagName == "LI"){
    app.navTouchEventTimer = setTimeout(function(){
        // 100毫秒后处理 ul.nav 内部 li 的 touch 事件
    },100);
}
}, false);

nav.addEventListener("touchmove", function(e){
if(app.navTouchEventTimer != false){
    // 在 ul.nav 的 touchmove 事件监听器中取消 li 的 touch 事件
    clearTimeout(app.navTouchEventTimer);
    app.navTouchEventTimer = false;
}
// 处理 ul.nav 的 touchmove 事件
}, false);

CSS3 实现图片翻转动画效果

@-webkit-keyframes navSelecterBtnUp {
from { -webkit-transform: rotate(0deg); }
to   { -webkit-transform: rotate(-180deg); }
}

@-webkit-keyframes navSelecterBtnDown {
from { -webkit-transform: rotate(-180deg); }
to   { -webkit-transform: rotate(0deg); }
}

.navselecter-btn img {
margin: 0.9em 0.5em;
width: 18px;
height: 12px;
}

.navselecter-btn img.up {
-webkit-animation: navSelecterBtnUp 0.3s;
-webkit-transform: rotate(-180deg);
}

.navselecter-btn img.down {
-webkit-animation: navSelecterBtnDown 0.3s;
-webkit-transform: rotate(0deg);
}