JavaScriptで任意のHTML要素をPicture-in-Pictureする
みなさんはPicture-in-Picture(PiP)という機能を使ったことがありますか。PiPは動画コンテンツなどを浮遊する小窓に表示する機能です。小窓はウィンドウの外側を自由に移動できます。 デスクトップが賑やかになりがちなPCでもPiPは大活躍なのですが、特にスマートフォンにおいては数少ない「ウィンドウ」機能になります。Androidはもちろん、iOS14も対応したことで話題になりました。 これによってスマホ一台あれば、ソシャゲの公式生放送を見ながらソシャゲのイベントを周回する地獄のような行為が可能になりました。 利用者という視点から見ると非常に便利なのですが、開発者から見ると動画しか表示できないのはなかなか使い所が難しくなります。そこで、この機能を使って好きな情報を表示できないか実験してみました。 PiP機能の対応環境 Chrome 70 Firefox 71（制限付き） mac
「映像作家100人」2021年版発表 創造性に溢れた次代のトップランナーたち
POPなポイントを3行で 2021年版「映像作家 100人」発表 次代を担う気鋭の映像クリエイターを選出 Waboku、ぬヴェントス、Spikey Johnら 気鋭の映像クリエイター100人を選出するプロジェクト「映像作家100人」 の2021年版が、Webサイト「eizo100.jp」で発表された（外部リンク）。 日本の映像クリエイティブの最前線がわかる100人 2021年版の「映像作家100人」はCMからMV、実験映像まで、幅広いジャンルを手がけるクリエイターを、個人・チーム問わず掲載している。 ずっと真夜中でいいのに。の「秒針を噛む」やアニメ制作会社・A-1 Picturesと共同制作した「魔法」をはじめ、数多くのMVを手がけたWabokuさんや、バーチャルライバーグループ・にじさんじや花譜さんの映像演出を担当したぬヴェントスさんらが選出された。
【クリエイター必見】YouTubeの良サムネイルを紹介するサイトが便利すぎる
POPなポイントを3行で サムネイルデザイン専門のギャラリーサイト 「SAMUNE｜Thumbnail Design Gallery」 良質なサムネイルをデザイナー目線で厳選 サムネイルデザイン専門のギャラリーサイト「SAMUNE｜Thumbnail Design Gallery」をご存知でしょうか？ 思わずクリックしたくなるようなサムネイルが、デザイナー目線で厳選されている本サイト。 様々なジャンルやテイストの中から、自分のイメージに近い探すことができちゃいます。 良質なサムネイルをデザイナー目線で厳選 クリエイターに限らず、あるゆる業種や場面でデザインセンスが求められるようになった昨今。 このサイトには目を惹かれる良質なデザインのサムネイルが集められており、参考になること間違いなし。
rtmpdump コマンド一覧と使い方 - ニコニコ動画研究所
HDS や HLS 形式の保存には streamlink を使う。 streamlink の使い方 RTMPDumpHelper の使い方 rtmpdump のコマンド一覧は -h から取得できる。 この和訳はrtmpdump.1.htmlの和訳に独自の使用方法を加筆した文章になっている。 追記 2011年10月27日 rtmpdump-2.4-windows.zip付属のrtmpdump.1.htmlの和訳に変更し、－j JSON を追加した。 追記 2012年5月10日、2012年5月12日、2012年6月14日、2012年7月3日 和訳を一部修正、-A -B を修正。 追記 2012年8月11日 -R を追加した。 追記 2013年9月1日 一部の文字を強調して修正を行った。 -A, -B で時間指定した場合に動画時間がカットしてない時間になるので保存した後に動画を remux する
動画編集スクール・通信講座なら「動画クリエイター講座」がおすすめ！【2024年3月最新】 |デジハリ・オンラインスクール
短期間で効率的な スキル習得が本講座の強み デジタルハリウッドが1994年の創業以来培ってきた教育ノウハウを、動画教材に凝縮しました。大学の教育現場でも使用されている、これから学ぶ方目線での「学びやすさ」「続けやすさ」を追究した内容となっています。動画制作のトップクリエイター監修の高品質の教材を用いて、オンラインならではの、好きな場所・好きな時間でスキルアップを目指せるカリキュラムです。 仕事が舞い込む動画クリエイターを目指すカリキュラム サクッと編集からバズる企画まで、この講座ひとつで幅広い案件に対応可能 現役クリエイターが講師を担当。実用的な技術から最新のトレンドまで教えます 回数無制限で「わからない」をなくします 完全オンラインだからいつでもどこからでも効率的に学べます 通学校の充実なカリキュラム、通信校のリーズナブルな価格設定 身につくスキル 動画制作のスキルはもちろん、企画の立て
Ken Kawamoto（ガリのほう） on Twitter: "超便利なの作ってしまった。なにかと棒人間のgifが欲しいことがあるんだけど、自前でアニメーション作るのは大変。なのでウェブカメラで撮影した動画から棒人間gifを自動生成できるサイトを作った。PoseNetを使っているのでブラウザ上… https://t.co/EE1BE6DyEt"
超便利なの作ってしまった。なにかと棒人間のgifが欲しいことがあるんだけど、自前でアニメーション作るのは大変。なのでウェブカメラで撮影した動画から棒人間gifを自動生成できるサイトを作った。PoseNetを使っているのでブラウザ上… https://t.co/EE1BE6DyEt
最近追加された AWS MediaServices トレーニングが 2時間で動画配信に関する基礎知識からサービス選定の考え方まで学べてお得だった | DevelopersIO
こんにちは、大前です。 2021/2/24 頃に追加されていた、AWS MediaServise に関する 2つのオンデマンドデジタルコースを受講したので、所感などをお伝え出来ればと思います。 メディアサービス向けの 2 つの新しいオンデマンドデジタルコースの提供を開始 TL;DR 2つ受講しても 2時間なので、めっちゃお手軽 動画配信に関する基礎知識から AWS MediaServices のユースケースまで学べてお得 ユースケースに対してどのようにサービスを選定するべきか学ぶ事が出来るのでプリセとかにすごく使えそう 実際に受講してみて 以下の 2コースが追加された形となります。 それぞれのコースの概要と、実際に受講してみた所感をまとめたいと思います。 Media Supply Chain: Video Processing and Delivery Introduction to AW
)
Ractive-Player - HTMLをまるで動画のように再生するプレーヤー
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 動画はバイナリフォーマットなので、テキストをコピーしたり、マウス操作で何か表示を変えると言ったインタラクティブ性はありません。ただ流れていく動画を見続けたり、速度を変化させたりする程度しかできません。 もっと動画をインタラクティブに楽しみたい、という願いを叶えてくれそうなソフトウェアがRactive-Playerです。 Ractive-Playerの使い方 中央にあるのがRactive-Playerです。動画のように再生できます。 再生速度の変更もできます。 実体はHTMLです。 マウス操作で背景の色を変えたり出来ます。 Ractive-PlayerはHTMLをまるで動画のように再生したり、停止できます。コンテンツはReactで作られています。レコーディングの機能もあるので、操作し
Blur Busters TestUFO Motion Tests. Benchmark for monitors & displays.
This screen compares multiple framerates. If using a 120Hz monitor, then 120fps is automatically added to this test (30fps vs 60fps vs 120fps) in supported browsers. Try these additional tests: Eye Tracking Demo | Video Game Panning Test | Persistence Demo | Ghosting Test | Black Frame Insertion Demo
動画視聴者の3人に2人は購買に影響／各プロセスで効果的な尺・動画要素は【動画生活者統合調査2020】
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
Web版「ツイキャス」CMAF採用で超低遅延に フルHD/60fpsで1.5秒以下
ライブ配信サービス「ツイキャス」を運営するモイは1月8日、ツイキャスのWebブラウザ版に、HTTPストリーミングの新規格「CMAF」を導入したことで、スマートフォンと同等超低遅延視聴が可能になったと発表した。フルHD画質/60fpsの高画質なライブ映像でも1.5秒以下の遅延に抑えられ、PCでもスマートフォンと同等の超低遅延を実現したとしている。 ライブ配信では、端末から配信された映像・音声を小さく区切った数秒程度のまとまりで送信し、それを複数受信してから再生を始めるため、一般的に、数秒～数十秒の遅延が発生する。まとまりを分解すれば遅延を減らせるが、遅延を小さくしすぎると、ネットワークの状態によっては音声が途切れるといった課題があった。 CMAFなら、従来よりも細かい動画データ単位で配信できるため、超低遅延配信ができる上、共通のメディアファイルフォーマットとして複数の配信方式で利用できるため
youtube-dlを使ってYouTubeから最高画質で最高音質の動画をダウンロードする - Qiita
youtube-dl --list-format https://www.youtube.com/watch?v=hogehoge #出力結果 [youtube] hogehoge: Downloading webpage [youtube] hogehoge: Downloading video info webpage [info] Available formats for hogehoge: format code extension resolution note 249 webm audio only DASH audio 53k , opus @ 50k, 1.40MiB 140 m4a audio only DASH audio 127k , m4a_dash container, mp4a.40.2@128k, 3.82MiB 243 webm 640x360 360p
【ffmpeg】動画から特定フレームを画像で出力する方法 - ニコニコ動画研究所
映像の再生速度を速めるには PTS を小さくし、遅くするには PTS を大きくする。 【ffmpeg】倍速再生できる動画にエンコードする APNG をループ出力する ffmpeg で 256色を最適化する palettegen, paletteuse リサイズする scale Zライブラリを使ったリサイズフィルタ zscale 元のフレームレートを変えずに再生速度を速くするとフレームは間引かれ、遅くするとフレーム数はそのままになる。さらに速くするときにフレームレートを変えないと間引かれ、フレームレートを倍速分だけ増やすと間引かれない。palettegen, paletteuse フィルタを使うと256色までの減色処理をする。 3倍速になるがフレームが間引かれる。 ffmpeg -i input -an -vf setpts=(PTS-STARTPTS)/3 -plays 0 -f apng
ffmpegの使い方：tech.ckme.co.jp
ffmpegは、無料で使える動画および音声のエンコーダである。ここでは、ffmpegを使って、H.264、webm、wmvなどの各種動画に変換する方法を解説する。 ffmpegは、使い方はきわめて簡単である一方、様々なオプションを駆使すれば、より詳細な設定も可能である。 なお、DVDやBlu-rayのようにフォルダ構造をとるものの場合は、x264のバージョンは最新ではないものの、HandBrakeを使う方が簡単である。→HandBrakeの設定と使い方 目次 ffmpegの基本的な使い方 動画：ビデオコーデックの指定 動画：動画品質の設定 動画：H.265でエンコード 動画：H.264でエンコード 動画：AV1でエンコード 動画：VP9でエンコード 動画：wmvでエンコード 動画：フレームレート及び画面サイズを指定する 動画：複数の静止画から動画を作成する 動画：クロッピングしてエンコード
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://eizo100.jp/archives/category/2021
無料で公開されている音声合成サービスが凄いと話題に「ボイロ殺しに来てる」「ベタ打ちで自然に話せる」
デイトラ
REALITYの低遅延モードとPC配信のだいたいの話 - ReDo
小川雄太郎 on Twitter: "「MMTracking」 MMTrackingはPyTorchベースの動画分析ツールです。 便利そうです （GitHub） https://t.co/DFrRd9KzvU （動画） https://t.co/ki0CetmlK1"
ffmpegを使って動画の再生速度を変えてみる - 脳内メモ＋＋