クラウドカメラ視聴画面
専用アプリ 使用マニュアル※アプリ上のメニューアイコンのデザイン等が、実際のものと一部異なる場合がございます。
予めご了承ください。

https://saicame.spaceagent.site/クラウドカメラ視聴画面
専用アプリ 使用マニュアル

1.アプリ動作環境

・・・・・・・・・・3

2.アプリのダウンロード

・・・・・・・・・・4

3.ログイン・・・・・・・・・・5

4.アイコン変更

・・・・・・・・・・6

5.メインメニュー

・・・・・・・・・・7

6.登録カメラ一覧

・・・・・・・・・・8

7.サムネイル一覧

・・・・・・・・・・9

8.視聴画面・・・・・・・・・ 10

9.プリセット・・・・・・・・11-14(１) プリセット

11

3.ログイン(２) プリセット編集

12(３) プリセット作成

13

4.アイコン変更(４) プリセットカメラ一覧

14

1.アプリ動作環境
2.アプリのダウンロード(５) プリセットカメラ編集

15

5.メインメニュー

10.分割表示セット

・・・・・・・・ 16-18

6.登録カメラ一覧(１）分割表示設定一覧

16(２）分割表示セット編集

17

7.サムネイル一覧(３）分割表示セットレイアウト編集

8.視聴画面
9.プリセット
10.分割表示セット
11.しおり12.ダウンロード動画
13.仕様

11.しおり（１）しおり一覧 １（２）しおり一覧 ２（３）しおり編集

12.ダウンロード動画（１）ダウンロード動画一覧 １（２）ダウンロード動画一覧 ２（３）ダウンロード動画編集

13.仕様（1）お知らせ(WebView)（２）設定（３）アイコン変更（４）ログアウト（５）再生画面(縦)-領域説明①（６）再生画面(縦)-領域説明②-1 ／②-2
（７）再生画面(縦)-プレイヤーコントロール①（８）再生画面(縦)-プレイヤーコントロール②（９）再生画面(横)-領域説明①（１０）再生画面(横)-領域説明②（１１）再生画面(横)-プレイヤーコントロール

https://saicame.spaceagent.site/

18

・・・・・・・・19-21
19
20
21

・・・・・・・・22-24
22
23
24

・・・・・・・・25-38
25
26
27
28
29
30-31
32
33
34
35
36

2

クラウドカメラ視聴画面
専用アプリ 使用マニュアル

アプリ動作環境1.アプリ動作環境
2.アプリのダウンロード

対象デバイス

対象OS

iPhone, iPad (ユニバーサル対応アプリ)

iOS12(iOS 12以降で動作します)

3.ログイン
4.アイコン変更
5.メインメニュー
6.登録カメラ一覧
7.サムネイル一覧
8.視聴画面
9.プリセット
10.分割表示セット
11.しおり12.ダウンロード動画
13.仕様
現在、androidについてはアプリ対応しておりません

https://saicame.spaceagent.site/3

クラウドカメラ視聴画面
専用アプリ 使用マニュアル

アプリのダウンロードというアプリを開いてください。

1.

iPhoneのホーム上にある「App Store」

2.

検索より「Cool Intelligent」もしくは「クーレボ」と検索してください。

3.

下のようなアプリが見つかったらダウンロードを行ってください。

1.アプリの動作環境
2.アプリのダウンロード
3.ログイン
4.アイコン変更
5.メインメニュー
6.登録カメラ一覧
7.サムネイル一覧
8.視聴画面
9.プリセット
10.分割表示セット
11.しおり12.ダウンロード動画
13.仕様

https://saicame.spaceagent.site/4

クラウドカメラ視聴画面
専用アプリ 使用マニュアル

ログイン

アプリを起動させると一番最初にログイン画面となります。
ここでは、クラウドカメラサービスの視聴管理画面と同じ「ID」と「パスワード」を入力してログインしてください。

1.アプリ動作環境
2.アプリのダウンロード＊ログイン情報に誤りがある場合は、「IDもしくはパスワードが間違っています」というアラートが表示されます。

3.ログイン＊一度、ログインされますと、同じ端末上でアプリを起動させるのであれば、

4.アイコン変更

ログイン後12時間までは「ID」と「パスワード」の入力は不要となります。

5.メインメニュー
6.登録カメラ一覧
7.サムネイル一覧
8.視聴画面
9.プリセット
10.分割表示セット
11.しおり12.ダウンロード動画
13.仕様

5
https://saicame.spaceagent.site/クラウドカメラ視聴画面
専用アプリ 使用マニュアル
ID/PASSでログインすると一番最初にアイコンをアイコン変更変更するかどうかの画面が表示されます。

変更した場合は、IDに紐づく会社のアイコンと画面に変更されます。

1.アプリ動作環境
2.アプリのダウンロード
3.ログイン
4.アイコン変更
5.メインメニュー
6.登録カメラ一覧
7.サムネイル一覧
8.視聴画面
9.プリセット
10.分割表示セット
11.しおり12.ダウンロード動画
13.仕様

https://saicame.spaceagent.site/6

クラウドカメラ視聴画面
専用アプリ 使用マニュアル
11 メインメニューボタン
・メインメニューの表示/非表示を切り替えます。

メインメニュー
2
1.アプリ動作環境

メニュー内項目
・各項目タップで、それぞれ対応した画面に遷移します
・縦/横共通で、画面に表示しきれない場合、スクロールして表示します。

2.アプリのダウンロード
3.ログイン
4.アイコン変更

1

5.メインメニュー2

6.登録カメラ一覧
7.サムネイル一覧
8.視聴画面
9.プリセット
10.分割表示セット
11.しおり12.ダウンロード動画
13.仕様

https://saicame.spaceagent.site/7

クラウドカメラ視聴画面
専用アプリ 使用マニュアル

1

メインメニューボタン
・メインメニューの表示/非表示を切り替えます

登録カメラ一覧2

3
1.アプリ動作環境
4

5

6.登録カメラ
7.サムネイル一覧
8.視聴画面
9.プリセット
10.分割表示セット
11.しおり12.ダウンロード動画
13.仕様

https://saicame.spaceagent.site/

ソートオーダーコントローラー
・カメラリストをソートします(初期選択はカメラ表示名の昇順)
・タップするとソート可能な選択肢を表示します。
・ソート可能な選択肢は、カメラ表示名/カメラ設置拠点名称/登録日です。

4.アイコン変更
5.メインメニュー

サムネイル表示選択タブ・サムネイル表示に切り替えるタブアイコンです。
・アイコンをタップするかカメラリスト領域を左右にスライドすることで表示を切り替えることができます。

2.アプリのダウンロード
3.ログイン

カメラリスト表示選択タブ・カメラリスト表示に切り替えるタブアイコンです。
・アイコンをタップするかカメラリスト領域を左右にスライドすることで表示を切り替えることができます。

昇順/降順切り替えボタン
・ボタンタップで昇順と降順の切り替えが可能です。

6

1

カメラリスト・タップで、単一再生画面に遷移します。
・画面に表示しきれない場合、
スクロールして表示します。

又紐ロ
はづグ
サいイ
ムてン
ネいす
イるる
ルカと
でメ対
参ラ象
照をの
でカア
きメカ
まラウ
す一ン
。覧ト
リに
ス
ト

2

3
4

6

5

6

8

クラウドカメラ視聴画面
専用アプリ 使用マニュアル1

更新間隔切り替えボタン
・サムネイル表示の更新間隔を選択します・デフォルトを15秒間隔としタップすると30秒間隔に切り替わります。

サムネイル一覧2

カメラ名表示・サムネイル表示されたカメラの名称を表示します

1.アプリ動作環境
2.アプリのダウンロード
3.ログイン3

サムネイル表示領域
・遷移元に一覧表示されたカメラのライブ映像のサムネイルを表示します
・各サムネイル画像は、指定した更新間隔で更新されます
・画面に表示しきれない場合、スクロールして表示します

4.アイコン変更
5.メインメニュー
6.登録カメラ
7.サムネイル一覧
8.視聴画面

2
3

9.プリセット
10.分割表示セット
11.しおり12.ダウンロード動画
13.仕様

https://saicame.spaceagent.site/9

クラウドカメラ視聴画面
専用アプリ 使用マニュアル

◇視聴確認

。

・カメラ一覧より任意のカメラを選択するとライブ再生画面に切り替わります

視聴画面

1.アプリ動作環境
2.アプリのダウンロード

・ 縦表示の場合、録画データがあれば、バーをスライドしていただくことで録画データの再生を行うことができます。
下部のコントロールにより、音量の調整、スキップ、一時停止など行うことができます。
・横表示の場合、全画面表示となります。右側をスライドすることで、
音量、左側をスライドすることで明るさを調整できます。

3.ログイン
4.アイコン変更
5.メインメニュー

縦表示

6.登録カメラ一覧
7.サムネイル一覧
8.視聴画面
9.プリセット

横表示

10.分割表示セット
11.しおり12.ダウンロード動画
13.仕様

https://saicame.spaceagent.site/10

クラウドカメラ視聴画面
専用アプリ 使用マニュアル

プリセット(1）プリセット1.アプリ動作環境
2.アプリのダウンロード
3.ログイン◇プリセット・紐づいているカメラから任意のカメラを選択しプリセットを作成しておくことができます。
・プリセット一覧から任意のプリセットを選択した場合、

1

6.登録カメラ一覧
7.サムネイル一覧
8.視聴画面
9.プリセット

メインメニューボタン
・メインメニューの表示/非表示を切り替えます2

プリセットリスト・タップで、プリセットカメラ一覧画面に遷移します
・画面に表示しきれない場合、スクロールして表示します

4.アイコン変更
5.メインメニュー。

プリセット登録されたカメラのみがカメラ一覧へ表示されます

3

編集ボタン
・プリセット編集画面に遷移します

1

3

2

10.分割表示セット
11.しおり12.ダウンロード動画
13.仕様

https://saicame.spaceagent.site/11

クラウドカメラ視聴画面
専用アプリ 使用マニュアル

プリセット（2）プリセット編集

1.アプリ動作環境
2.アプリのダウンロード
3.ログイン
4.アイコン変更
5.メインメニュー◇プリセット編集1

プリセット作成ボタン

・プリセット作成画面に遷移します。

2

プリセットリスト

・「三」をタップし上下ドラッグで、順序を入れ替えることができます・「 」をタップすることで目的のカメラを選択することができ、画面下の削除ボタンによりプリセットの削除を、編集ボタンによりプリセット名およびプリセット内のカメラ編集ができます。

3

削除ボタン

・[2]プリセットリストを1つ以上選択するとボタンが活性化され、ボタンタップでプリセットの削除ができます。（実際には削除承認ダイアログを表示します）
・削除承認ダイアログには削除対象のプリセットの名称が変更されます

4

編集ボタン

6.登録カメラ一覧

・[2]プリセットリスを1つ選択時にボタンが活性化され、ボタンタップでプリセットカメラ編集画面に遷移します。

7.サムネイル一覧

5

8.視聴画面・編集を確定し、プリセット一覧画面に遷移します

完了ボタン

9.プリセット
10.分割表示セット
11.しおり12.ダウンロード動画
13.仕様

https://saicame.spaceagent.site/12

クラウドカメラ視聴画面
専用アプリ 使用マニュアル

プリセット（3）プリセット作成◇プリセット作成

1

キャンセルボタン・プリセット編集画面に遷移します。

2

プリセット名登録ボックス
・プリセット名が登録できます。

1.アプリ動作環境

3

・プリセットに登録できるカメラ一覧を表示します。（IDに紐づく閲覧可能なカメラ一覧）
・任意のカメラをタップすると「 」が「 」に切り替わり選択されます。
・カメラは複数選択が可能です。
・表示される要素はカメラ一覧と同様のため、ソートオーダーによる絞り込み昇順降順の切替
テキストフィルタなどの機能も利用できます。

2.アプリのダウンロード
3.ログイン
4.アイコン変更
5.メインメニュー
6.登録カメラ一覧
7.サムネイル一覧
8.視聴画面
9.プリセット
10.分割表示セット

カメラリスト4

追加ボタン・ボタンタップでプリセットが新規作成されプリセット一覧画面に遷移します。

プリセットカメラ編集画面も本画面と同様です。
ただし、一部表示および動作が変わります。
・画面タイトル名がプリセット作成→プリセット編集
・[4]追加ボタンの表示名が追加→完了
・[4]ボタンタップ時の遷移先がプリセット一覧→プリセット編集

1

4

2

3

11.しおり12.ダウンロード動画
13.仕様

https://saicame.spaceagent.site/13

クラウドカメラ視聴画面
専用アプリ 使用マニュアル

プリセット（4）プリセット
カメラ一覧

1.アプリ動作環境
2.アプリのダウンロード
3.ログイン
4.アイコン変更
5.メインメニュー
6.登録カメラ一覧
7.サムネイル一覧
8.視聴画面
9.プリセット◇プリセットカメラ一覧
1

戻るボタン
・タップで、プリセット一覧画面に遷移します2

カメラリスト表示選択タブ・カメラリスト表示に切り替えるタブアイコンです。
・アイコンをタップするか[6]カメラリスト領域を左右にスライドすることで表示を切り替えることができます。

3

サムネイル表示選択タブ・サムネイル表示に切り替えるタブアイコンです。
・アイコンをタップするか[6]カメラリスト領域を左右にスライドすることで表示を切り替えることができます。

4 カメラリスト・タップで、単一再生画面に遷移します
・画面に表示しきれない場合、スクロールして表示します
・各セルに表示される情報(カメラ選択から追加する際のWebAPIのレスポンスデータを表示)- 上段: カメラ設置拠点名称(cameras.group_name)- 下段: カメラ表示名(cameras.name)5 プリセットカメラ編集ボタン

1

・タップでプリセットカメラ編集画面に遷移します。

2

5

3
4

10.分割表示セット
11.しおり12.ダウンロード動画
13.仕様

https://saicame.spaceagent.site/14

クラウドカメラ視聴画面
専用アプリ 使用マニュアル

プリセット（5）プリセット
カメラ編集◇プリセットカメラ編集
1

・順番の入れ替えをキャンセルしたい場合は、「×」ボタンをタップし編集をキャンセルすることができます。

2

3.ログイン

カメラリスト・上下ドラッグで、順序を入れ替えることができます
・画面に表示しきれない場合、スクロールして表示します

1.アプリ動作環境
2.アプリのダウンロード

閉じるボタン

3

完了ボタン
・編集を完了することができます。

4.アイコン変更
5.メインメニュー
6.登録カメラ一覧

1

3

2

7.サムネイル一覧
8.視聴画面
9.プリセット
10.分割表示セット
11.しおり12.ダウンロード動画
13.仕様

https://saicame.spaceagent.site/15

クラウドカメラ視聴画面
専用アプリ 使用マニュアル（1）分割表示
セット◇分割表示セット
任意のカメラを選択し、 4分割又は9分割画面で再生することができます。
・分割表示セット一覧より任意のセットを選択すると再生画面に切り替わります。
・ 縦表示の場合、下部のコントロールにより、明るさの調整、一時停止のみ行うことができます。音声は出力されません。
・横表示の場合、全画面表示となります。左側をスライドすることで明るさを調整できます。音声は出力されません。
・9分割の場合は、静止画を5秒又は10秒で更新します。

1.アプリ動作環境

12.アプリのダウンロード
3.ログイン2

6.登録カメラ一覧
7.サムネイル一覧
8.視聴画面
9.プリセット

分割表示セットリスト
・タップで、4分割再生画面または9分割再生画面に遷移します
・画面に表示しきれない場合、スクロールして表示します
・分割表示セットの種別(4 or 9)がわかるアイコンが表示されます

4.アイコン変更
5.メインメニュー

メインメニューボタン
・メインメニューの表示/非表示を切り替えます

3

編集ボタン
・分割表示セット編集画面に遷移します

1

3

2

10.分割表示セット
11.しおり12.ダウンロード動画
13.仕様

https://saicame.spaceagent.site/16

クラウドカメラ視聴画面
専用アプリ 使用マニュアル（2）分割表示
セット編集◇分割表示セット編集
1・分割表示レイアウト作成画面に遷移します。

2

3

4

7.サムネイル一覧

編集ボタン
・[2]分割表示セットを1つ選択時にボタンが活性化され、ボタンタップで分割表示レイアウト編集画面に遷移します。

5.メインメニュー
6.登録カメラ一覧

削除ボタン
・[2]分割表示セットリストを1つ以上選択するとボタンが活性化され、ボタンタップで分割表示セットの削除ができます。（実際には削除承認ダイアログを表示します）
・削除承認ダイアログには削除対象のプリセットの名称が変更されます

3.ログイン
4.アイコン変更

分割表示セットリスト
・「三」をタップし上下ドラッグで、順序を入れ替えることができます・「 」をタップすることで目的の分割カメラセットを選択することができ、画面下の削除ボタンにより削除を、編集ボタンにより分割表示セット名および分割表示レイアウト内のカメラ編集が可能。

1.アプリ動作環境
2.アプリのダウンロード

分割表示レイアウト作成ボタン

5

完了ボタン
1

8.視聴画面

2

9.プリセット
10.分割表示セット
11.しおり5・編集を確定し、分kじゃつ表示セット一覧画面に遷移します

削除
分割表示セット2を削除しますか？

12.ダウンロード動画
13.仕様

キャンセル

削除

3
https://saicame.spaceagent.site/

417

クラウドカメラ視聴画面
専用アプリ 使用マニュアル（3）分割表示
セットレイアウト編集◇分割表示セットレイアウト編集
1

2

1.アプリ動作環境
2.アプリのダウンロード
3.ログイン

3
4

レイアウト選択ボタン
戻るボタン
・タップすると、前の画面に遷移します。

5

分割レイアウト・4分割または9分割の表示レイアウトを表示します
・各セルには、設定されているカメラ名が表示されます。
カメラが設定されていない場合、＜未選択>が表示されます
・セルをタップすると、カメラ選択画面を表示します
・セルをドラッグ&ドロップすることで、セルの表示位置を入れ替えます
・セルをロングタップすると、設定されたカメラを＜未選択＞にします

6.登録カメラ一覧
7.サムネイル一覧
8.視聴画面
9.プリセット

名称表示/入力フィールド
・現在編集中の分割表示セットの名称を表示します
・遷移元から追加ボタンで遷移した場合、「<新規＞」と表示します
・遷移元から編集ボタンで遷移した場合、その名称を表示します
・タップすると、ソフトウェアキーボードが表示され、変更することができます

・タップすると、レイアウト別編集画面に遷移します。

4.アイコン変更
5.メインメニュー

キャンセルボタン・編集を破棄して、分割表示セット一覧画面に遷移します
・変更が加えられている場合は、確認ダイアログを表示します

6

追加ボタン
・編集を確定して、分割表示セット一覧画面に遷移します

10.分割表示セット
11.しおり12.ダウンロード動画
13.仕様

https://saicame.spaceagent.site/18

クラウドカメラ視聴画面
専用アプリ 使用マニュアル◇しおり一覧（1）
録画データ再生中に、しおりを追加することができます。登録したしおりは、
しおり一覧より該当箇所から再生することができます。

しおり一覧（1）1

メインメニューボタン
・メインメニューの表示/非表示を切り替えます2・カメラリストをソートします(初期選択はカメラ表示名の昇順)
・タップするとソート可能な選択肢を表示します。
・ソート可能な選択肢は、カメラ表示名/カメラ設置拠点名称/登録日(cameras.created)/メモ付与です。

1.アプリ動作環境
2.アプリのダウンロード
3.ログイン

3
4

5.メインメニュー

しおりリスト・タップで、再生画面に遷移します
・画面に表示しきれない場合、スクロールして表示します
・各セルに表示される情報

6.登録カメラ一覧
7.サムネイル一覧

5

8.視聴画面編集ボタン
・しおり編集画面に遷移します。

9.プリセット

1

10.分割表示セット
12.ダウンロード動画

昇順/降順切り替えボタン
・ボタンタップで昇順と降順の切り替えが可能です。

4.アイコン変更

11.しおりソートオーダーコントローラー

2- 上段: しおりの位置(動画再生位置の日時)- 中段* 単一再生時に追加されたしおり
左: カメラ設置拠点名称(cameras.group_mame)
右: カメラ表示名(cameras.name)* 分割セット再生時に追加されたしおり
分割表示セット名* ダウンロード動画再生時に追加されたしおり
単一再生時のしおりと同内容。
(ダウンロード動画であることが区別できること(色を変える/アイコンを表示))- 下段: メモ(ユーザ入力テキスト)

5

3
4

13.仕様

https://saicame.spaceagent.site/19

クラウドカメラ視聴画面
専用アプリ 使用マニュアル
しおり一覧（2）◇しおり一覧（2）6

テキストフィルター入力欄
・[4]しおりリスト領域を下に引っ張るとテキストフィルタ入力欄が表示されます。
・タップすると、ソフトウェアキーボードが表示され、変更することができます
・しおりリストの表示を、入力されたテキストに部分一致するものだけにフィルター表示します

1.アプリ動作環境
2.アプリのダウンロード

7

テキストフィルタークリアボタン
・タップすると、テキストフィルターに入力済みの文字を削除します

3.ログイン
4.アイコン変更
5.メインメニュー
6.登録カメラ一覧
7.サムネイル一覧

6

7

8.視聴画面
9.プリセット
10.分割表示セット
11.しおり12.ダウンロード動画
13.仕様

https://saicame.spaceagent.site/20

クラウドカメラ視聴画面
専用アプリ 使用マニュアル◇しおり一覧（3）1

しおりリスト・「 」をタップすることで目的のしおりを選択することができ、画面下の削除ボタンにより削除を、メモ追加・編集ボタンによりメモの追加・編集ができます。

しおり一覧（3）2

削除ボタン
・[1]しおりリストを1つ以上選択するとボタンが活性化され、ボタンタップでしおりの削除ができます。（実際には削除承認ダイアログを表示します）

1.アプリ動作環境
2.アプリのダウンロード
3.ログイン
4.アイコン変更
5.メインメニュー
6.登録カメラ一覧
7.サムネイル一覧

3

編集ボタン
・[1]しおりリストを1つ選択時にボタンが活性化され、ボタンタップでしおりメモ編集ダイアログを表示します。

4

完了ボタン
・編集を確定し、しおり一覧画面に遷移します5

しおりメモ編集ダイアログ
・メモを編集します・変更ボタンタップで、編集を確定します・キャンセルボタンタップで、編集をキャンセルします4
1

8.視聴画面
9.プリセット
10.分割表示セット
11.しおり12.ダウンロード動画
13.仕様

5
しおりにメモを追加
置き引き被害

キャンセル

変更

2

https://saicame.spaceagent.site/

321

クラウドカメラ視聴画面
専用アプリ 使用マニュアル
ダウンロード動画一覧（1）◇ダウンロード動画一覧（1）
指定した時刻の録画データをダウンロードし保存することができます。
本アプリにて管理するため、外への持ち出しはできません。

1

メインメニューボタン
・メインメニューの表示/非表示を切り替えます2・カメラリストをソートします(初期選択はカメラ表示名の昇順)
・タップするとソート可能な選択肢を表示します。
・ソート可能な選択肢は、カメラ表示名/カメラ設置拠点名称/登録日です。

1.アプリ動作環境
2.アプリのダウンロード
3.ログイン
4.アイコン変更

3

昇順/降順切り替えボタン
・ボタンタップで昇順と降順の切り替えが可能です。

4

5.メインメニュー
6.登録カメラ一覧
7.サムネイル一覧
8.視聴画面

ソートオーダーコントローラー

5

ダウンロード動画リスト
・タップで、単一再生画面に遷移します
・画面に表示しきれない場合、スクロールして表示します
・各セルに表示される情報- 上段: ダウンロード動画の再生開始位置(動画の先頭の日時)- 下段: 左: カメラ設置拠点名称／右: カメラ表示名

編集ボタン
・ダウンロード動画編集画面に遷移します。

9.プリセット
1

10.分割表示セット
11.しおり12.ダウンロード動画

2

5

3
4

13.仕様

https://saicame.spaceagent.site/22

クラウドカメラ視聴画面
専用アプリ 使用マニュアル
ダウンロード動画一覧（2）

1.アプリ動作環境◇ダウンロード動画一覧（2）6

テキストフィルター入力欄

・[4]ダウンロード動画リスト領域を下に引っ張るとテキストフィルタ入力欄が表示されます。
・タップすると、ソフトウェアキーボードが表示され、変更することができます・ダウンロード動画リストの表示を、入力されたテキストに部分一致するものだけにフィルター表示します7

テキストフィルタークリアボタン
・タップすると、テキストフィルターに入力済みの文字を削除します

2.アプリのダウンロード
3.ログイン
4.アイコン変更
5.メインメニュー
6.登録カメラ一覧

6

7

7.サムネイル一覧
8.視聴画面
9.プリセット
10.分割表示セット
11.しおり12.ダウンロード動画
13.仕様

https://saicame.spaceagent.site/23

クラウドカメラ視聴画面
専用アプリ 使用マニュアル
ダウンロード動画編集◇ダウンロード動画編集
ダウンロード動画リスト

1

・「 」をタップすることで目的のダウンロード動画を選択することができ、画面下の削除ボタンにより削除できます。

削除ボタン

2
1.アプリ動作環境
2.アプリのダウンロード

・[1]ダウンロード動画リストを1つ以上選択するとボタンが活性化され、ボタンタップでしおりの削除ができます。（実際には削除承認ダイアログを表示します）

3.ログイン

3

4.アイコン変更

・編集を確定し、ダウンロード動画一覧画面に遷移します

5.メインメニュー

4

6.登録カメラ一覧

・削除ボタンタップで削除できます。
・キャンセルボタンタップで、削除をキャンセルします

7.サムネイル一覧

完了ボタン

ダウンロード動画削除ダイアログ
3
1

8.視聴画面
9.プリセット
10.分割表示セット
11.しおり12.ダウンロード動画
13.仕様

4
削除
ダウンロード動画を削除します
がよろしいですか？

キャンセル

削除

2
https://saicame.spaceagent.site/24

クラウドカメラ視聴画面
専用アプリ 使用マニュアル
仕様（1）
お知らせ
（Web View）◇お知らせ（Web View）
1

・メインメニューの表示/非表示を切り替えます2
1.アプリ動作環境

メインメニューボタン

Web View
・サーバーのお知らせ一覧画面(Webページ)を表示します

2.アプリのダウンロード
3.ログイン
4.アイコン変更

1

5.メインメニュー
6.登録カメラ一覧
7.サムネイル一覧
8.視聴画面
9.プリセット
10.分割表示セット
11.しおり12.ダウンロード動画
13.仕様

https://saicame.spaceagent.site/25

クラウドカメラ視聴画面
専用アプリ 使用マニュアル
仕様（2）
設定

◇設定
1

・メインメニューの表示/非表示を切り替えます2
1.アプリ動作環境
2.アプリのダウンロード
3.ログイン

メインメニューボタン

通知設定トグルスイッチ
・サーバからのリモート通知のON/OFFを切替えます。

3

アイコン変更・アイコン変更画面へ遷移します

4.アイコン変更
5.メインメニュー
6.登録カメラ一覧

1

7.サムネイル一覧
8.視聴画面

2
3

9.プリセット
10.分割表示セット
11.しおり12.ダウンロード動画
13.仕様

https://saicame.spaceagent.site/26

クラウドカメラ視聴画面
専用アプリ 使用マニュアル仕様（3）アイコン変更◇アイコン変更
1

ユーザー通知メッセージ・アイコン変更に関するユーザへの通知メッセージを表示します。
現在のアイコン設定状態によって、メッセージは変わります。
アイコン変更済みの場合：アイコンを元に戻すことができます。アイコンを元に戻しますか？

1.アプリ動作環境
2.アプリのダウンロード
3.ログイン

アイコン未変更の場合：
アイコンを変更することができます。アイコンを変更しますか？

2

・現在のアイコン画像と、変更後のアイコン画像を表示します。

4.アイコン変更
5.メインメニュー3

キャンセルボタン・アイコン変更をキャンセルし、遷移元画面に戻ります。

6.登録カメラ一覧
7.サムネイル一覧

アイコン画像表示

4

変更ボタン

・iOS標準のアイコン変更ダイアログを表示します。その後、遷移元画面に戻ります。

8.視聴画面
9.プリセット

3

10.分割表示セット
11.しおり12.ダウンロード動画

1

13.仕様
2

3

https://saicame.spaceagent.site/

427

クラウドカメラ視聴画面
専用アプリ 使用マニュアル
仕様（4）
ログアウト

◇ログアウト1

・ログアウトをキャンセルし、ダイアログを非表示にします2
1.アプリ動作環境
2.アプリのダウンロード

キャンセルボタン

ログアウトボタン・システムからログアウトしします・ログイン時にアプリ内に保存したログイン情報や、セッション情報(Cookie)を削除します
・その他情報は削除されません

3.ログイン
4.アイコン変更
5.メインメニュー

ログアウト

6.登録カメラ一覧

ログアウトします。
よろしいですか？

7.サムネイル一覧
8.視聴画面

1

キャンセル

ログアウト

2

9.プリセット
10.分割表示セット
11.しおり12.ダウンロード動画
13.仕様

https://saicame.spaceagent.site/28

クラウドカメラ視聴画面
専用アプリ 使用マニュアル仕様（5）
再生画面（縦）領域説明①◇再生画面（縦）領域説明①
1 ヘッダー領域
・メインメニューボタンまたは戻るボタン、リストメニューボタンとタイトルを表示します

2 ユーティリティ表示領域

5・各種ユーティリティボタンを表示します

3
1.アプリ動作環境
2.アプリのダウンロード
3.ログイン
4.アイコン変更
5.メインメニュー
6.登録カメラ一覧
7.サムネイル一覧
8.視聴画面
9.プリセット
10.分割表示セット
11.しおり12.ダウンロード動画

・上下スワイプで、音量を変更します

明るさ操作領域

6・上下スワイプで、ディスプレイの明るさを変更します(この時、明るさレベル(0%...100%がわかる、レベル表示UIを表示します)

4

音量操作領域

再生領域

再生位置表示領域

・現在再生中の動画の、再生位置(日時)を表示します7

プレイヤーコントロール領域

・動画の再生領域です。
・再生動画に合わせた、プレイヤー操作ボタンを・分割表示セットを再生中は、領域を分割して再生します
表示します- 単一: ストリーミング動画再生(HLS)- 4分割: ストリーミング動画再生(HLS)- 9分割: サムネイル画像の更新再生- ダウンロード動画: ダウンロード済みファイルの再生
・分割表示セットを再生中、セル(動画)をダブルタップすることで、指定されたカメラの再生に切り替えます

1
2

4

3

5

6

13.仕様
7

1
https://saicame.spaceagent.site/29

クラウドカメラ視聴画面
専用アプリ 使用マニュアル◇再生画面（縦）領域説明②-1

仕様（6）
再生画面（縦）領域説明②-1a1.アプリ動作環境

d

b

c

e

2.アプリのダウンロード
3.ログイン
4.アイコン変更
5.メインメニュー
6.登録カメラ一覧
7.サムネイル一覧
8.視聴画面
9.プリセット
10.分割表示セット
11.しおり12.ダウンロード動画
13.仕様

https://saicame.spaceagent.site/30

クラウドカメラ視聴画面
専用アプリ 使用マニュアル仕様（6）
再生画面（縦）領域説明②-2◇再生画面（縦）領域説明②-2
a メインメニューボタン
・メインメニューの表示/非表示を切り替えます

b タイトル

・表示されている動画のタイトルを表示します
カメラの場合: カメラ名
しおりの場合: カメラ名
分割セットの場合: 分割セット名
ダウンロード動画の場合: 動画タイトル(日時とカメラ名)

1.アプリ動作環境
2.アプリのダウンロード
3.ログインc リストメニューボタン

4.アイコン変更

d しおりボタン

5.メインメニュー
6.登録カメラ一覧

・リストメニューの表示/非表示を切り替えます。

・タップすると、再生を一時停止し、しおり追加ダイアログを表示します

e ダウンロードボタン
・単一再生時に表示され、VOD再生時に有効になります。
・タップすると、再生を一時停止し、ダウンロードダイアログを表示します。

7.サムネイル一覧
8.視聴画面
9.プリセット
10.分割表示セット
11.しおり12.ダウンロード動画
13.仕様

f

ダウンロードダイアログ
・開始日時の「◯月◯日◯時◯分」をタップすると、日時指定のピッカーを表示します。
日付部は、動画保存期間の範囲となります
時分部は、0:00〜23:59までの1分単位となります。
(ただし、日付部が今日の場合、現在時刻までの範囲となります)
・時間の「◯分」をタップすると、時間指定のピッカーを表示します。
時間指定ピッカーは、60分/30分/10分が選択できます。
・ダウンロードボタンタップで、指定した「開始日時」を先頭に「時間」分の動画ファイルを
ダウンロードします。ダウンロードした動画は、ダウンロード一覧に追加されます・キャンセルボタンタップで、ダウンロードをキャンセルしますg 戻るボタン・分割表示セットからの遷移時に表示されます
・遷移元画面に戻りますh しおり追加ダイアログ
・追加ボタンタップで、しおり一覧に追加します。
・テキストを入力することで、しおりにメモを追加することができます。
・キャンセルボタンタップで、しおり追加をキャンセルします

https://saicame.spaceagent.site/31

クラウドカメラ視聴画面
専用アプリ 使用マニュアル仕様（7）
再生画面(縦)プレイヤー
コントロール①◇再生画面(縦)-プレイヤーコントロール①
1

・VOD再生中にタップすると、ライブ再生に切り替えます(ライブ再生中、ダウンロード再生中の時は無効)
・ライブ再生中は、ライブ再生中であることがわかる表示(点滅など)になります15

1.アプリ動作環境

2

3

4

2.アプリのダウンロード

7

8

9 10 116

3.ログイン
4.アイコン変更

78

7.サムネイル一覧

2

3

8.視聴画面

7

8 12

9.プリセット
10.分割表示セット
11.しおり12.ダウンロード動画
13.仕様

タイムスケール縮小ボタン

・タップすると、タイムラインのスケールを1段階縮小します3
43

6.登録カメラ一覧

2

バックスキップボタン

・タップすると、現在再生中の位置から10秒前に移動して、再生を再開します2

5.メインメニュー

ライブ切替ボタン

4

5

6

・タップすると、動画の再生状態(再生/一時停止)を切り替えます

5
4

5

6

再生/一時停止ボタン
スキップボタン・タップすると、現在再生中の位置から10秒後に移動して再生します。

6

タイムスケール拡大ボタン

・タップすると、タイムラインのスケールを1段階拡大します7

明るさ減ボタン・タップすると、ディスプレイが1段階暗くなります(レベル表示UIを表示します)

8

明るさ増ボタン・タップすると、ディスプレイが1段階明るくなります(レベル表示UIを表示します)

9

音量減ボタン・タップすると、音量を1段階小さくします(レベル表示UIを表示します)

10 音量増ボタン
・タップすると、音量を1段階大きくします (レベル表示UIを表示します)

11 ミュートボタン
・タップすると、音声の有無を切り替えます12

更新間隔変更ボタン

・タップすると、サムネイル更新間隔(5秒/10秒)を切り替えます

https://saicame.spaceagent.site/32

クラウドカメラ視聴画面
専用アプリ 使用マニュアル仕様（8）再生画面(縦)プレイヤー
コントロール②◇再生画面(縦)-プレイヤーコントロール②

1.アプリ動作環境
2.アプリのダウンロード

13

3.ログイン
4.アイコン変更
5.メインメニュー
6.登録カメラ一覧

14

7.サムネイル一覧
8.視聴画面
9.プリセット
10.分割表示セット
11.しおり12.ダウンロード動画
13.仕様

13

タイムライン表示

・画面中央を現在再生位置として固定表示します
・時間経過とともに、スケール(目盛)が左に向かってスクロールします
・左右にスライドすることで、スケールがスクロールします。
スクロールを停止すると、その再生位置から再生を再開します。
・VOD再生中、一定以上の加速度で左方向にスクロールすることで、ライブ配信に切り替えます
・VOD再生中、スケールを最右端までスクロールすることで、ライブ配信に切り替えます
・単一再生とダウンロード再生時、 VOD録画状況取得APIで取得した録画状況(録画されている/いない)を、色分け表示します
・スケールは、6段階とし、タイムスケール拡大/縮小ボタンで切り替えることができます

14

カレンダー表示・最右端を「今日」とし、録画保存期間分の日付を表示します
・左右にスクロールします
・日付または「今日」をタップすると、タイムラインの再生位置の日付を、タップされた日付に変更し、再生が再開されます(時刻は変わりません)
https://saicame.spaceagent.site/33

クラウドカメラ視聴画面
専用アプリ 使用マニュアル◇再生画面(横）‐領域説明①仕様（9）再生画面（横）
領域説明①

1

2

3

4

1.アプリ動作環境
2.アプリのダウンロード

5

3.ログイン
4.アイコン変更

1

5.メインメニュー
6.登録カメラ一覧
7.サムネイル一覧
8.視聴画面1

・メインメニューボタンまたは戻るボタン、リストメニューボタンとタイトルを表示します2

3

11.しおり再生領域
・動画の再生領域です。
・分割表示セットを再生中は、領域を分割して再生します
・分割表示セットを再生中、セル(動画)をダブルタップすることで、指定されたカメラの再生に切り替えます
・単一再生、ダウンロード動画再生時で、ヘッダー/プレイヤーコントロール領域非表示の時、ピンチイン/ アウトで、再生中の動画を拡大/縮小します・シングルタップで、ヘッダー/プレイヤーコントロール領域の表示/非表示を切り替えます・ヘッダー/プレイヤーコントロール領域非表示の時、左右フリックで、再生中の動画を切り替えます(切替はリスト順で、左フリック=前、右フリック=次、リストの先頭/終端は循環)

12.ダウンロード動画
13.仕様

4

5
https://saicame.spaceagent.site/

明るさ操作領域
・上下スワイプで、ディスプレイの明るさを変更します(この時、明るさレベル(0%...100%がわかる、レベル表示UIを表示します)

9.プリセット
10.分割表示セット

ヘッダー領域

音量操作領域・上下スワイプで、音量を変更します(この時、音量レベル(0%...100%がわかる、レベルを表示します)
・音量操作領域は、単一再生とダウンロード動画再生時に有効となります

プレイヤーコントロール領域
・再生動画に合わせた、プレイヤー操作ボタンを表示します34クラウドカメラ視聴画面
専用アプリ 使用マニュアル仕様（10）
再生画面（横）領域説明②◇再生画面(横）‐領域説明②abc1.アプリ動作環境
2.アプリのダウンロード
3.ログイン
4.アイコン変更
5.メインメニューg

6.登録カメラ一覧
7.サムネイル一覧
8.視聴画面
9.プリセット
10.分割表示セット
11.しおりa

メインメニューボタン
・メインメニューの表示/非表示を切り替えますb

タイトル・表示されている動画のタイトルを表示します
カメラの場合: カメラ名
しおりの場合: カメラ名
分割セットの場合: 分割セット名
ダウンロード動画の場合: 動画タイトル(日時とカメラ名)

12.ダウンロード動画
13.仕様
c

リストメニューボタン
・リストメニューの表示/非表示を切り替えます。

g

戻るボタン
・分割表示セットからの遷移時に表示されます
・遷移元画面に戻ります

https://saicame.spaceagent.site/35

クラウドカメラ視聴画面
専用アプリ 使用マニュアル仕様（11）
再生画面（横）プレイヤー
コントロール◇再生画面(横）‐プレイヤーコントロール
5

単一再生

3
１

4

ダウンロード動画再生時

1.アプリ動作環境
2.アプリのダウンロード
3.ログイン
4.アイコン変更

3
１
4分割表示セット再生時

3

5.メインメニュー
6.登録カメラ一覧
7.サムネイル一覧
8.視聴画面

9分割表示セット再生時

２

3

10

9.プリセット
10.分割表示セット
11.しおり12.ダウンロード動画
13.仕様

1
2
3
4

5
https://saicame.spaceagent.site/

ミュートボタン・タップすると、音声の有無を切り替えます

更新間隔変更ボタン
・タップすると、サムネイル更新間隔(5秒/10秒)を切り替えます

デジタルズームキャンセルボタン
・デジテルズームで拡大された動画を元に戻します

PTZコントロールボタン
・PTZ対応カメラの時のみ表示
・ライブ動画の時のみ有効
・PTZコントローラーの表示/非表示を切り替えます

PTZコントローラー
・PTZ対応カメラのパン・チルト・ズームをコントロールします36