皆さんこんにちは、kintone大好き松井です。今日は私の作ったアプリ事例。動画ビュアーをアプリに埋込み、kintoneの中でしか再生を許さない方法です♪kintoneで動画配信したい。YouTubeよりセキュアに配信したい。そんな方にピッタリな方法ですよー!※この記事は、ほんのちょぴーっと開発を含みますレコードに動画ビュアーを埋込む「Vimeo」でセキュアに配信アプリの作り方1.アプリテンプレートを入手2.vimeoのアカウントを登録3.アプリに動画IDを入力なぜ必要だったのかkintoneへセキュアに動画を!JavaScriptのコードPC画面スマホ画面レコードに動画ビュアーを埋込む先に完成品をご紹介。レコード詳細画面にこんなビュアーを埋め込みます。ストリーミング再生や全画面表示はもちろん、スマホもOKです。ブログに埋め込まれているYouTubeのビュアーと同じ感じですね。通常のkintoneは動画ファイルを毎回ダウンロードしないといけませんが、これならすぐに再生ができますね。今回の拘りは「セキュリティ」です。アプリに埋め込んだ動画は、kintoneの外では再生できません。YouTubeの限定公開の様に「URLがバレたら見えちゃう」リスクがないのです。これは動画配信サービス「Vimeo」のセキュリティ設定がなせる技。なんと埋込動画を再生できるURLを指定できちゃうんです。動画の非公開&埋込を許可するドメインを指定このセキュリティ設定には有償契約のPlusコース以上が必要です。いえ月あたり700円から始められるのは魅力ではないでしょうか。肝心のビュアーを埋め込む方法ですが、ちょぴっとJavaScriptが必要です。今回はサンプルとして、アプリテンプレートを用意しました。JavaScriptも入っているので、参考にしてください。※素人のとりあえず動いたよレベルです。自己責任でご利用くださいませm(__)mでは、導入方法ざっくりとまとめます。(JSも最後に掲載しています。↓のリンク先からアプリテンプレートをダウンロード。kintoneへ読み込んでください。2.vimeoのアカウントを登録vimeoのサイトからアカウントを登録しましょう。埋込テストだけなら、私のサンプル動画を使うでもOKです(音無し、静止画ですが)。3.アプリに動画IDを入力1のアプリを作成したら、「vimeo_ID」のフィールドに、動画のIDを入力しましょう。動画IDとは、URLが「https://vimeo.com/304329824」なら「304329824」です。あとは保存すれば、ビュアーが表示されるはず。フィールドは最低限必要な項目だけにしています。他に必要な項目があれば自由に追加してください。必要だったのかこのアプリはe-leaningより手軽に動画資料を発信したくて作りました。私はサイボウズの販売代理店とkintoneで情報共有をしています。提案資料アプリはありますが、使い方の説明は文字です。文字だと伝わる情報にも限りがあるので、動画で紹介したいと思いました。問題はセキュリティです。中には外部公開したくない動画もあります。YouTubeの限定公開は、URLさえ分かれば誰でも見えてしまうのでNGです。そこでVimeoとの組合せを考えました。実際使ってみると、データベース形式なので検索が簡単になりました。質問があればコメント欄で聞いてもらえるのも良いですね。補足資料の添付や権限管理も楽なので、かなり便利だと思っています。kintoneへセキュアに動画を!操作手順やイベントの雰囲気などは、文章よりも動画の方が伝わりやすいと思います。Vimeoを使い、セキュアに動画配信を実現してみてはいかがでしょうか。ご活用くださいませ!JavaScriptのコード最後に、アプリテンプレート内のJavaScriptをこちらにも掲載します。〜12の連携サービスを写真・動画でご紹介〜皆さんこんにちは、kintone大好き松井です。vol.5...皆さんこんにちは、kintone大好き松井です。〜キンスキ5ヶ月間のノウハウを公開します〜素敵な連携製品・サービスをもっとユーザーに知ってほしい。vol.6&7こんにちは、kintone大好き松井です。運営このWEBサイトはサイボウズ株式会社が運営しています。キンスキとはユーザーの皆様がもっと活用できるよう、kintone大好きなサイボウズ社員が活用情報を発信します。開発はナシ!標準機能や連携サービスを組み合わせた、便利な使い方を紹介します。Inc.スターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。