0

AndroidシステムのPhoneGapでボイスレコーダー機能を開発しています。Transformer Prime でテストしています。PhoneGap の JavaScript の上で jQuery と jQuery UI を使用しています。

私の質問は次のとおりです。ユーザーが録音ボタンを押したときに、そのボタンを点滅させて、アプリが録音中であることを示すにはどうすればよいですか?

もちろん、作成したい効果は、まだ記録中であることをユーザーに知らせることです。たぶん、タイマーを設定して、現在の録音時間を指定するか、その効果を得ることができます。

残念ながら、私はこれらの効果のいずれかを知りません。ソースコードを参照できるように、誰かが私に提案をしてもらえますか?

4

2 に答える 2

1

そのために CSS を使用できます: http://jsfiddle.net/fszhJ/。前半は要素を非表示にし、残りの半分は要素を表示するキーフレームを用意します。( 以外のプレフィックスを追加することもでき-webkit-ます。)

@-webkit-keyframes keyframe {
    from {
        visibility: hidden;
    }
    50% {
        visibility: hidden;
    }
    to {
        visibility: visible;
    }
}

div {
    width: 200px;
    height: 200px;
    background-color: black;
    -webkit-animation: keyframe 1s infinite;
}​
于 2012-06-27T16:21:30.513 に答える
0

jQueryを使用する場合は、記録ボタンの上にグローpngを配置し（最初は不透明度0）、インターバルアニメーション内に次のように配置できます。

 isVisible = false;

 var interval = setInterval(function(){

     opacityValue = isVisible ? 0 : 1;
     glow.css( 'opacity',  opacityValue );
     isVisible = !isVisible;

 }, 500);

そして、あなたがそれを止めたいとき：

 clearInterval( interval );

グローをスムーズに表示したい場合は、cssトランジションを使用できます。

于 2012-06-27T16:09:03.300 に答える