調子に乗ってVideoカスタムコントロールを作る-下ごしらえ編
調子に乗ってVideoカスタムコントロールを作る-実装編
こんばんは
最近、引篭もりのサッカー馬鹿です
3年半ほど前にXPagesで「Videoカスタムコントロール」を作ってアプリを作成しました。
ここ最近になって、
社内で「動画マニュアル」といったキーワードで
業務内容の説明やオンライン講習のプレイバックなど
紹介するのが多くなってきたんです
当時Videoカスタムコントロールを作成したときは、
動画ファイルをオンプレサーバーに配置して運用していたのですが
最近は再生時間が長く、高画質のものも多いせいか
オンプレサーバーの容量が大変なことになってきました
そこで注目したのが「Microsoft Stream」というYoutube的な便利なツールがあるのですが
筆者には管理が難しすぎてどうしても主管部署に渡せない事情が出てきました
（主管部署も以前のNotesの時のように簡単に出来ないの
という感じ）
何気にNotes好きな利用者のために、
アップロードの方法は以前と異なっても、
使い方や管理方法はNotesらしい管理方法が出来ないかな
という事で在宅勤務中に考えてみました
早速検証・・・
今回使用したのは以下の動画です。
（それなりに大きなものがこれしかなかった）
OneDrive for Businessを使ってみる
OneDrive for Businessの機能の共有を使えば動画のURLを取れるのではと考えました。
（お仕事用だし）
ということで動画ファイルをアップロードしてみました。
何とかURLを奪い取って試すものの・・・（参照先はSharePointなのね）
OneDrive（個人向け）には準備されている「＜埋め込み＞」がないし・・・
サインインが出ちゃいました（筆者環境の場合です）
サインしたものの「無効なコンテンツ」となってうまく動画が表示されなかったり、
共有されたURLを開いてからなら動画が再生出来たりと
AzureADの権限だったり、OAuth認証だったりが必要な感じ
------
この辺は以前、クラウド研究会で行ったことを実装したり
ADとの連携強化を実施すると改善されるのかな
365に詳しくないので、誰か教えてください
------
OneDriveを使ってみる
１．OneDriveに動画ファイルをアップロードします。
２．アップロードした動画ファイルを再生＞右クリック＞動画のURLをコピーします。
３．「mp4」の後にある文字を削除したものを指定先URLとしますので
クリップボードもしくはエディターツールに控えておきます。
４．DBのページを作成し、<video>タグを入力し、srcの値を４でコピーした（控えた）URLにします。
タグ全体をパススルーHTMLにして保存し確認してみます。
動くかな
動いた
いい感じですね
以前作ったvideoカスタムコントロールにURLを指定して動作確認
おお、動いてるよ
でもNotesクライアントでmp4が再生できなった
ちょっとブラウザの力を借りたいと思います
ビューにアクションを作成。
ここでは「Movie」と「Movie2」を作成、@関数式は全く同じものを記述しました。
「Movie2」はモバイルアクションボタンにアクションを含めるにチェックを付けました。
Notesクライアントで確認
「Movie」ボタンをクリックすると・・・
当たり前ですがブラウザで表示されました
HCL Nomadで試してみる
右下の黒のメニューをタップすると「Movie2」が表示されるのでタップしてみます。
Safariが立ち上がり、動画が再生されることを確認できました
今回、OneDrive（個人向け）で成功しました。
仕事で使うというより、
動画再生プログラムやシステムを構築した際に
検証用で使われるのがいいのかもしれません。
試してみたいというときは
ダウンロード等されても支障のないものを用意してください。
（筆者は責任取れませんので）
業務で使用するには
「OneDrive for Business」でこの実装が出来ないとダメですね
今日はこの辺で・・・
あでゅー