Video.jsの人気記事 6件 - はてなブックマーク

1 - 6 件 / 6件

新着順人気順

絞り込み

検索対象
ブックマーク数
期間
セーフサーチ

Video.jsの検索結果1 - 6 件 / 6件

タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。

Video.jsに関するエントリは6件あります。 video、 JavaScript、動画などが関連タグです。人気エントリには『CloudFrontではデフォルトでOriginヘッダ自体の転送をしている話〜Video.jsで発生するCORSエラーのトラブルを例にして | DevelopersIO』などがあります。

CloudFrontではデフォルトでOriginヘッダ自体の転送をしている話〜Video.jsで発生するCORSエラーのトラブルを例にして | DevelopersIO
- 10 users
- dev.classmethod.jp
- テクノロジー
- 2020/12/05
CloudFrontではデフォルトでOriginヘッダ自体の転送をしている話〜Video.jsで発生するCORSエラーのトラブルを例にして Amazon CloudFrontではデフォルト状態でもオリジンサーバにOriginヘッダ自体は転送しています。Video.jsで発生するCORSエラーを例に、この点を把握していないと遭遇しうるトラブルについてまとめてみます。はじめに清水です。JavaScript製の動画プレイヤーであるVideo.jsなどCORS設定が必要な環境下でCloudFrontを使用する場合、オリジン側でCORS設定をしていても、CloudFront側でOriginヘッダのオリジンへの転送設定を忘れてしまうと思わぬトラブルにつながる場合があります。具体的に私が経験したのは、ライブ動画配信をVideo.js(videojs-http-streaming)で行った場合、テスト
- aws
- あとで読む
CloudFront+S3+Video.js+ 署名付きCookieでクローズドな動画配信 | データスタジアム株式会社
- 8 users
- www.datastadium.co.jp
- テクノロジー
- 2019/09/16
データスタジアムエンジニアの片岡です。主にサッカーに関するサービスの開発を担当しています。スポーツ界では近年データと動画を絡めたサービスへの需要が多く、私自身も動画システムの開発に多く携わっています。今回、AWSを使ってシステムの利用ユーザーに限定して公開する、クローズドな映像配信の設定で試行錯誤したので記事に残します。全体図まずは全体図です。 S3に再生したい動画(HLS形式。ライブでもVODでも)があり、それをCloud Frontで配信するのですが、全世界に公開するのではなく、認証されたユーザーにのみ公開するようにします。 Cloud Frontには署名付きURLと署名付きCookieという2種類のアクセス制御方式があります。HLS形式で署名付きURLを採用する場合、m3u8内の各tsにも署名パラメータを付与する必要があり面倒なため、Cookieを使う方法を採用します。 Co
- AWS
- 動画
Video.jsでのHLS形式動画の再生を通してS3とCloudFrontのCORS設定について確認してみた | DevelopersIO
- 5 users
- dev.classmethod.jp
- テクノロジー
- 2020/03/01
はじめに清水です。Video.js（などJavaScript製の動画プレイヤー）でHLS形式動画を再生するとときに、HTML関連のファイル（.htmlや.jsなど）とHLS形式のファイル（.m3u8や.ts）の配信ドメインが異なる場合には、後者にはCORS設定が必要となります。 CORSの詳細については以下エントリをご確認ください。 CORS(Cross-Origin Resource Sharing) もちろん動画プレイヤーを使う場合に限らず、さまざまな場面でCORSの設定は必要になります。ただ今回は冒頭に示したようにHLS形式の動画をVideo.jsで再生するというケースに絞って、設定しないとどうなるか、どのように設定できるかなどをまとめてみます。なお配信環境としてはAmazon S3ならびにAmazon CloudFrontを利用するもと想定し、これらサービスでの設定箇所についても
[Video.js] JavaScriptで動画を再生する - Qiita
- 5 users
- qiita.com/yun_bow
- テクノロジー
- 2020/04/12
はじめに JavaScriptで動画を再生するライブラリを紹介します。 Video.js https://videojs.com/ 今回使用したJavaScriptライブラリのバージョンは下記の通りです。 Video.jsとは Video.js とは JavaScriptのライブラリの一つ。JavaScriptでは、video タグを使用して動画を再生する機能があります。動画の再生や停止、シークバーの操作、フルスクリーン切り替えなどをコントロールするUIは、1から実装する必要があります。Video.js では、これらのUIを提供するライブラリです。ライブラリの読み込み video.js を参照します。
- js
- video

GitHub - vime-js/vime: Customizable, extensible, accessible and framework agnostic media player. Modern alternative to Video.js and Plyr. Supports HTML5, HLS, Dash, YouTube, Vimeo, Dailymotion...
- 4 users
- github.com/vime-js
- テクノロジー
- 2020/04/19
🎥 Multi-provider support (HTML5, HLS, YouTube, Vimeo etc.). 👑 One API to rule them all! Don't re-learn anything the next time you need a player. ♾️ Avoid cross-browser differences on media related APIs, such as fullscreen and picture-in-picture. 👐 Accessible to all via ARIA roles/states/properties and keyboard support. 🌎 I18N support. 🖥 Designed with both mobile and desktop in mind. 👌
- plugin
- library
- video
- JavaScript
Video.js完全マニュアル part1 〜Video.jsを使う理由〜 - Qiita
- 3 users
- qiita.com/manzoku_bukuro
- テクノロジー
- 2022/12/15
はじめに私は普段動画プレイヤー関連の実装することが多く、その中でもVideo.jsはよく利用しています。しかしVideo.jsの公式ドキュメントの言語は英語のみです。更にVideo.jsに関する日本語の情報は非常に少なく、情報を収集するのが困難です。なので今一度Video.jsの公式のガイドであるVideo.js Guidesを翻訳ツールを使いながら読み解き、日本語化しながら使い方を学んでいこうと思います。この記事の対象者 Video.jsを利用する人動画プレイヤーのUI操作をしたい人動画再生関連のサービスを作りたい人この記事の解説する内容 Video.jsトップページこの記事ではVideo.js Guidesを読む前に、Video.jsとは何かをまとめていきます。Video.js Guidesを読み始めるのは次章からなので、Video.jsについて理解のある方は飛ばしてく

新着記事

キーボードショートカット一覧

j次のブックマーク

k前のブックマーク

lあとで読む

eコメント一覧を開く

oページを開く

設定を変更しましたx