Recording

下のzipファイルにはpsdファイルとビルドファイルが含まれています

スクリーンショットの写真はKwik3の写真ですが,このプロジェクトファイルはKwik4のものです.変更のあったファイルはmyvoice.luaとなっています。

Page1.psd

  • Record utton
  • Play button
  • Countdown text 5秒間計測します.

Page2.psd

page1と同じインタラクションを作成し,さらに追加の効果が発生します

  • ユーザーが record buttonを押したとき,カウントダウンをアニメーションで表示します.
  • レコーディングが終了したら,カウントダウンの表示が終了します.

2枚のページを追加

Page1.psdとPage2.psdを開きます.新しい iPad Mini向けの Kwikプロジェクトを作成します.

  • Name: Recording
  • Use page1.psd

Add new Pageからページ2を追加します.

  • page2
  • Use page2.psd

buttons/interactionsなどを行う前に,はじめに画像をパブリッシュしましょう.

Coronaシュミレーターが画像がパブリッシュされているかどうか確認します.

Record Button

それではpage1から作業を開始しましょう. Recordレイヤーを選択し,声を記録するためのボタンを製作します.

Add Buttonウィンドウで,Name:but_recordに設定し,Record Audioを選択してください.

Record and Play Audioウィンドウで,Durationを5秒に設定しRecord actionを作成してください.

画面下のCreateボタンを押してウィンドウを閉じましょう.

Play button

次に,Playレイヤーを選択して,録音した音声を再生するボタンを作成しましょう.

Add Buttonウィンドウで,Name:but_playとExternal Codeを選択してください.

Recording_sampleからmyvoice.luaを選択し,外部コードを設定してください。

print("myvoice")
local filePath = system.pathForFile("page_"..UI.curPage..".pcm", system.DocumentsDirectory )
 local file = io.open(filePath, "r")
 if file then
    io.close(file)
    UI.allAudios.playback = audio.loadStream( "page_"..UI.curPage..".pcm", system.DocumentsDirectory )
    audio.play(UI.allAudios.playback, {channel=31})
 end

これで外部コードが追加されました.画面下にあるCreateボタンを選択して画面を閉じてください.

録音中にカウントダウンを行うためにCntレイヤーを選択してください.

Countdown Replacementウィンドウで,録音と同じ時間の5秒間をtimeに設定してStartsを Wait requestに設定します.

画面下にあるCreateボタンを押してウィンドウを閉じてください.

"Cnt"カウントダウンが作られます

この"Cnt"カウントダウンをbut_recordに追加します."Cnt"を選択してボタンに機能を追加します.

それではpage1を開いて,声を録音してみましょう. Project and Pages > Actions から新しい機能を追加しましょう.

Add Actionウィンドウから,Nameをact_playに設定し,External codeにmyvoice.luaを追加しましょう.

ページが開始したときに,timerを選択します.

Add Timerウィンドウで,Delayを0 secに設定しLoop Countを1にします.

これでタイマーが作成されました.


Page2.psd

page1と同じインタラクションを作り,さらにユーザーが録音ボタンを押したときにカウントダウンがリニアアニメーションで表示され,録音が終了するとカウントダウンが終了します.

act_play, but_play, but_recrod, Cnt and timer_start を作る部分はpage1.psdと同じです.

Cnt layerにリニアアニメーションを追加します.

Linear Animationウィンドウで,Nameをlinear_appearに設定します.Loop countsを1にして,Startsを Wait Requestに設定します.

Cntレイヤーのリニアアニメーションをさらに作ります.Nameをlinear_disappearにし,Alpha 0%に設定します.Select StartsをWait requestに設定します.

linear_appearをbut_record buttonに追加します.Play Animationを選択しlinear_appearを追加します.

カウントダウンが終了したらカウントダウンの表示を消すために,actionを作成しカウントダウンが終了したらこのactionが呼び出されるようにします. Project and Pages > Action

Add Actionウィンドウから,Play Animationを選択しlinear_disappearを追加します.

そして"Cnt"のウィンドウのCountdown replacementでact_disappearを追加してください.

page2が表示されたら,"Cnt"レイヤーのopacityを0%にしてください.

画像出力をオフにして、パブリッシュしてください.lua codeで"Cnt"レイヤーのopacityを0%に設定しています。

以上です。

results matching ""

    No results matching ""