[B! 動画] hirat2のブックマーク

HTML5 CanvasにJavaScriptでリアルタイムに動画を描画。透過レイヤで動画の重ね合わせなど、新たな表現が可能なPC／モバイル対応コーデック「H2MD」［PR］

Webの表現力は、文字の大きさや色を中心に修飾していた時代から美しいグラフィックやアニメーションの活用へと進み、いまでは大きな動画も積極的に取り入れた、豊かな表現力と情報量を備えるWebが数多く見られるようになりました。最近では広告や解説動画といった例だけでなく、背景いっぱいに動画を使うといった例もあります。モバイルでもゲームやソーシャルメディアなどを中心に積極的に動画を用いた表現が増えています。 GIFやH.264に足りないものこうした動画表現を実現する技術には複数の選択肢がありますが、モバイルとWebサイトの両方での対応を考えると、GIFアニメーションかH.264のいずれかを選択するのが一般的でしょう。しかしGIFアニメーションは色数が256色と限られ圧縮率も低いため、小さなサイズで数秒程度といった最小限の動画再生にしか向きませんし、音声との同期も困難です。一方、H.264は高精細

hirat2 2015/03/13

動画

リンク

YouTube動画コンテンツの埋め込みをしよう【紹介編・オリジナルUIと導入サイトまとめ】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作

こんにちは、デザイナーのぺちこです。すっかり秋です。今年はどこかに紅葉狩りに行きたい・・・。さて、私は以前videoタグを使ったオリジナルUIの全画面動画の記事を書いたのですが、動画コンテンツが当たり前に使われるようになってきて、気付いたことがいくつかありました。動画の用意が少し面倒くさい mp4、ogv、webmと3つのデータを用意するのがひと苦労。動画の長さにもよりますが、変換にもけっこう時間を要します。動画データが重い 1つだけでもそれなりの重さがありますが、3つもサーバーにアップするとなると、そりゃ重いです。ソースをGIT管理していると、Push/Pullにも時間がかかってストレスフルです。二重管理が面倒くさい video対応してないブラウザにはYouTubeを出すようにしていましたが、動画に修正が入るなら両方修正しないといけません。 1ページ内の動画が増えてきたら色々大

hirat2 2014/09/11

リンク

無料の動画フリー素材サイト10選！動画編集の練習や結婚式のムービーに | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作

こんにちは、Web制作ディレクターのあゆみです。自分が撮影した素材だけで動画をつくると、なんとなく味気なかったり物足りなかったりしますよね。そんなときに使えるのが、動画編集用の素材。元素材に重ねたり、間に挟み込むことで尺を稼いだりすることで、少し手の込んでいる動画に見せることができます。短時間でなんとかしたいときは、かなり助かると思います。というわけで動画編集に使える無料の素材サイト10個をご紹介します！よろしければ参考にしてみてください！

hirat2 2013/11/26

リンク

dfltweb1.onamae.com – このドメインはお名前.comで取得されています。

hirat2 2013/06/04

リンク

動画を背景にするとこんなにカッコいい、というデモと実装jQueryプラグイン:phpspot開発日誌

動画を背景にするとこんなにカッコいい、というデモと実装jQueryプラグイン 2012年12月10日- Make an HTML5 video a background - body bg demo 動画を背景にするとこんなにカッコいい、というデモと実装jQueryプラグイン。 Youtubeの動画を背景にするjQueryプラグインがあったりしますが、今回は自前の動画を背景に使ったサイトが簡単に作れます。動画フォーマットも各種指定することで色々な端末に対応することができそう実装コード。各種動画ファイルをフォーマットベースにオプション指定若干重いですが、将来的にはこういったサイトも当たり前のように登場していることでしょう。関連エントリフリーのオープンソースなHTML5動画プレイヤーいろいろ

hirat2 2012/12/10

リンク

iPhone/Androidなどあらゆる機器向けに動画変換できる「Hamster Free Video Converter」 | フリーソフト,Windows PC活用情報局

Hamster Free Video Converter 「Hamster Free Video Converter」は、iPhoneやiPad、Android、PSPなどをはじめ、あらゆるデバイスやフォーマット向けに動画をドラッグ＆ドロップだけの簡単な操作で高速変換できる、シンプルで分かりやすいユーザーインターフェースと高い性能を兼ね備えた動画変換ソフトです。動画を再生したいデバイスを200以上のメーカーや機種の中から直接指定して、音声コーデックや画素数などそのデバイスにぴったりのフォーマット形式に変換できるため、ややこしい知識が一切なくても画面を一目見れば誰にでもすぐに使いこなせる点や、多数の動画形式に対応しているという万能性が最大の特徴。もちろん、各デバイス向けの形式だけでなく、AVIやMPEGなど変換したいフォーマットを任意に選んだりビットレートを詳細にカスタマイズすることもで

hirat2 2011/12/08

リンク

写真だけで映画の予告編のような結婚式ムービーを作る方法

最近、映像制作は身近さをどんどん増して、結婚式ムービーもかなり凝ったものをよく見かけるようになりましたね。特にパロディものは分かりやすくてウケもいいので作りやすいと思いますが、今日は僕が今までに作った「映画の予告編のような結婚式ムービー」の作り方をちょっとご紹介しようと思います。今回、結婚式ムービーの依頼をしてきた新郎は赤鬼のおにはちさん、新婦は大人気モデルの菜々緒さんというあり得ない設定でいきましょう。今回の新郎役、おにはちさん（おにはちさんの詳細についてはこちら）（勝手に）新婦役、菜々緒さん（超かわいいですね）百聞は一見にしかずということで、まずは完成品をご覧いただきたいと思います。 ■写真だけで作る映画の予告編ぽい結婚式映像おにはちさんは「カッコいいムービーを作ってくれ」と言うわりには、素材として写真数枚しか用意してくれませんでした。写真だけでどうやって時間を持たせるムービ