Video

ビデオを再生するには3つのパターンがあります.

  • native play
  • media play (フルスクリーンモードのみ)
  • web view

youtubeのようなストリーミングでのビデオ再生は、ウェブビュー(web view)で再生することができます.

他の二つのメソッドでは,まずビデオファイルがダウンロードされ、そしてビデオを再生します。プログレッシブダウンロードとなります。

サンプルプロジェクトはここからダウンロードしてください.

The sample project properties

Create navigationをチェックすると,page4が終了した時にnavigation panelが現れるようになります.

Configureボタンを押すと,以下のようなウィンドウが開きます.

Pages

  • Page1 - native play video

  • Page2 - Media Play Video (full screen)

  • Page 3 Web View

  • page4 native play videoが終了すると,他の画像が表示されます


Page1 - native play video

layer and replacements > Video for videoFrameを選択してください.インターネット上のvideoのURLまたはアプリに含まれているビデオのパスを指定します。.

  • http://kwiksher.com/tutorials/Video/kwikplant.mp4 の場合

  • もしビデオファイルがアプリに含まれている場合,そのファイルのパスを選択してください.Kwikはそのビデオをbuild4のフォルダにコピーします

Control buttons

  • play, pause and rewind のそれぞれがコントロールボタンになります


Page2 - media play video

外部コードをpage2のplayBtnに設置しましょう.

  • code > External Code.

    • Now set the following code - media_playvideo.lua

media_playvideo.lua

local onComplete = function( event )
   print( "video session ended" )
end

local showControls = true

media.playVideo( 
    "http://kwiksher.com/tutorials/Video/kwikplanet.mp4",
    media.RemoteSource, showControls, onComplete )

もし,assets/videosフォルダーに含まれているビデオを再生したいときは,このコードを使用してください.

local onComplete = function( event )
   print( "video session ended" )
end

local showControls = true

media.playVideo( "videos/kwikplanet.mp4", showControls, onComplete )

Page3 - Web View

Layer and Replacementから webFrame layerを選択してください.

  • もしhtmlファイルをアプリに含めたいときは,htmlファイルのパスを設定してください.Kwikはこのhtmlをコピーしてbuild4のフォルダに配置します。

Go to URL

デバイス上のウェブブラウザを開くには,Go to URLボタンのアクションを使用してください.


Page4 Video Completion Action

native play videoが終了したら,アニメーションとshow/hideナビゲーションを含んだアクションを動作させます。

  • VideoFrameレイヤーはロケットのアイコンの一番上のレイヤーで,"to be continued"という文章とstaticImageを保持しています.ビデオが終了したら,videoFrameは隠れ、他のレイヤーが現れます.

rocketのrotation animationの作成

  • Rotation widget window.
  • Starts: Wait request

staticImage Linear Animation.

Actionの作成

このアクションはビデオが終了した時に発動します.

  • Show/Hide videoFrame
  • Play Animation rocket rotatioin
  • Play Animation staticImage from 0% to 100% alpha
  • Show/Hide Navigation

Video Replacement with Action

  • kwikplanet.mp4を設定してください.


Build for device

cononaシュミレータはnative videoを再生できないので,iOS XCodeシュミレータ向けにビルドしてください.

  • XCode iOS Simualatorを選択してください

  • Xcode iOS Simulatorがアプリケーションを動かします

Preview with xCode iOS Simulator

Page1

Page2

Page3

Page4

Page4 finished

追記:Androidのビデオビュー自体を透過させることができません。以下のフォーラムを参照してください.ビデオビューを廃棄せずに、隠したい場合は、ビデオビューのサイズを極小サイズにするか,スクリーンの外に配置する必要があります

http://kwiksher.com/forums/topic/hide-video-in-android-device/

results matching ""

    No results matching ""