ドワーフの人形や美術制作をされている原田脩平さんの1日密着取材の動画がありますのでご覧ください！（コマコマ隊が取材したわ… もっと読む »
コマコマ隊のコマドリル
ドワーフの人形や美術制作をされている原田脩平さんの1日密着取材の動画がありますのでご覧ください！（コマコマ隊が取材したわ… もっと読む »
4K動画の撮れるFUJIFILM X-T2 で動画を撮ってみた！
X-T2の動画のいいとこ悪いとこ FUJIFILM X-T2で動画撮影をしている上で、いいところ悪いところ気になった部分をまとめていきたいと思います。 フィルムシミュレーションが動画でも! X-T2の人気の理由の一つであるフィルムシミュレーション。この機能がなんと動画でも使えます！フィルムシミュレーションとはFUJIFILM（富士フィルム）が開発した、フィルムメーカーとして培ってきた“フィルム写真の色”を再現したモードです。フィルムを取り替える感覚で色調や階調・コントラストを切り替えることができます。このフィルムシミュレーションはかなり高品質で、綺麗な絵が撮れます。 SonyやPanasonicなどの他メーカーのミラーレス一眼レフカメラにはない、FUJIFILM（富士フィルム）だけの機能になります。 最近の映像を見ていても、Log撮影をした映像を後からエフェクトなどを使ってフィルム風にして
ナショナル ジオグラフィック (TV)
地球ではいつでもどこかで、数知れないほど多くの動物が移動している。移動する場所や距離、その形はさまざまだが、誰もが生き残るために旅を続けているのだ。ある者たちは食料や避難する場所を探し求め、ある者たちは本能に刻み込まれた子供への愛に突き動かされて自分の子孫を残すために、驚くほど壮大で波乱に富んだ旅に挑む。このシリーズでは動物の旅に焦点を当て、さまざまな動物たちの驚きと神秘に満ちた移動の実態を紹介する。 毎年1億2400万人が空港を通ってアメリカに入国する。その絶え間ない人の波に紛れて、麻薬密輸等の犯罪行為も後を絶たない。そんな空の国境を守るのが、国土安全保障省に属する税関・国境警備局や国土安全保障捜査局の精鋭たちだ。運び屋が暗躍するのは空だけではない。メキシコとの国境を警備する検問所の取締官や、中南米と接する海域を巡視する航空海上部隊にも密着。あらゆる手法を駆使して密輸と闘う彼らの活躍を追
ここまでできる！HTML５で追加されたvideoタグが便利すぎる件 | CodeCampus
ここまでできる！HTML５で追加されたvideoタグが便利すぎる件更新日: 2018年11月15日公開日: 2015年10月19日 2015年の Webデザイン・トレンドでもある「動画」。多くの場合、バックグランドに動画を設置することで、Webデザインに活かされていますが、それ以外にも動画の使い方はいろいろとあります。 HTML 5 が 2014年 10月に正式にリリースされて 1年が経つ今、HTML 5から新たに追加された <video> タグ の可能性についてふれてみたいと思います。<video> タグがはじめての方もいらっしゃると思いますので、直感的に <video> ってスゴイと思えるようなサンプルをいくつかピックアップしてみましたので、ご参照ください。 ここまでデキル！HTML 5 を使った動画演出改めて HTML 5 の動画について 2008年に HTML5 の草案がリリースさ
[CSS]動画を背景に使い、オーバーレイでコンテンツを配置するテクニック（IE8、スマホへの対応方法）
動画を背景としてブラウザいっぱいに表示し、その上にオーバーレイでコンテンツを配置するCSSのテクニックを紹介します。 動画の背景はレスポンシブ対応、video要素に対応していないIE8や、動画の自動再生に対応していないスマホへの対応方法も！ Create Fullscreen HTML5 Page Background Video 下記は各ポイントを意訳したものです。 以前紹介した時（前の記事）からアップデートされ、実装の解説も充実しているので、改めて許可を得て翻訳しました。 中の人は、Smashing Magazineのエディタさんです。 動画を背景に使う時の大切なポイント デモ CSSで動画を背景にしたコンテンツを実装する方法 動画を背景に使う時の大切なポイント 動画をサイトに使う時は、動画が単にかっこいいからという理由ではなく、サイトのメッセージが伝えられる動画を使用しましょう。 動
![[CSS]動画を背景に使い、オーバーレイでコンテンツを配置するテクニック（IE8、スマホへの対応方法）](https://cdn-ak-scissors.b.st-hatena.com/image/square/bacd812f6000c78e30e028d375e68638a387b65a/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201403%2F2014090501-01.png)
サイトでおしゃれに動画再生！オリジナルUIの全画面動画を実装！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、制作部デザイナーのぺちこです。 近頃動画を使ったサイト制作に関わらせていただく機会に恵まれておりますが、 お恥ずかしながらvideo実装をしたことがなかったので、 ひたすら勉強三昧でした。 背景に動画を使ったサイトも、今ではだいぶん主流になってきた印象ですが、 動画を1つのコンテンツとして、長めにしっかりと載せているサイトも増えてきましたね！ 動画を大事なコンテンツの一部とすると、 YouTubeやVimeoで簡易的に載せるだけではどうしても物足りず…。 せっかくなので<video>タグを使用してオリジナルのコントローラーやシークバーを作ってしまおう！というのが今回の記事の内容です。 では早速行きましょう！ オリジナルUIの全画面動画を<video>で実装する方法 JSを使用すればvideoをがっつりコントロールできるのですが、 これがまた調べてもスクリプトが出てくるばかりで、
料理動画を支える技術 - クックパッド開発者ブログ
インフラストラクチャー部 星野(@con_mame)です。 少し前から、一部レシピページに料理動画を掲載していました。当初はYoutubeを使用していましたが、本日から自社配信に切り替わりました。現在はまだ掲載数は少ないですが、今後掲載数を増やしていきたいと考えております。 そこで、今回は、動画配信プラットフォームの裏側がどうなっているかという点を簡単にですがご紹介したいと思います。 構成図 構成図を見ていただくのが一番わかり易いと思うので、最初に掲載します。 見て分かる通り、今回は全てAWSのサービスを使用して構築しています。 今回使用したサービスは エンコード: Elastic Transcoder データストア: DynamoDB + DynamicDynamoDB ストレージ・配信: S3 + CloudFront エンコード通知など: SNS 今回、構築までの期間とエンコードや動
背景に動画を使ったWebサイトの作り方
2023年5月12日 jQuery, Webサイト制作, Webデザイン 2012年後半あたりから少しずつ目にする機会が増え、今では海外サイトを中心に世界中に広まった、背景に動画を用いたWebサイト。サイトの雰囲気や、サービスの具体的な内容を背景に流すことで、よりユーザーの視点をスクリーンに注目させることができます。今回はそんな背景動画の実装方法を、実例サイトと共に紹介していこうと思います。 ↑私が10年以上利用している会計ソフト！ KINS WITH 動物病院のWebサイトでは、かわいいわんちゃんの動画とともに院内の様子がよくわかる動画を掲載しています。 AquallのWebサイトでは画面全体ではなく、動画の一部をくり抜いたような形で動画を掲載。背景の装飾としてよく溶け込んでいます。 動画を用意する まずは背景に表示したい動画を用意します。動画を用意する方法は大きく分けて4通り。 自分で
200種類以上のメディア形式へ動画を変換できるフリーソフト「Video to video converter」
友人から渡された動画をPCで再生した際に映像が乱れて見られない場合でも、他の動画再生ソフトで問題なく動画を再生できるように、ドラッグ＆ドロップで簡単にメディアのフォーマット変換ができるフリーソフトが「Video to video converter」です。変換できるメディア形式はAVI、DivX、Xvid、MPEG-4、AVC/H264、MOV、WMV、3GP、3GP2、MKV、SWF、FLV、GIFなど。また、Apple製品やAndroid搭載スマートフォンなどに合わせての変換も簡単にできます。Windows 2000、XP、Vista、7上で起動可能。 ダウンロード、インストール、操作方法については以下から。 Download Video to Video Converter for Free http://www.videotovideo.org/download/ まず、200種類
vimeoでHD動画として認識させて（それなりに）綺麗なムービーをUPする方法(mac) | バニデザノート
バニレートのブログでも最近ちょこちょこっと動画を配信してます。 アップロード先はvimeo。 編集には慣れてきたものの、 動画の圧縮ってphotoshopでぽんと写真をjpg圧縮する、 みたいなことができず、手間がかかります。 また、vimeoは画質やUIがキレイなのですが、たまにUPに失敗します。 今回は、そんなvimeoでHDとして認識されて、 アップロードに成功しやすそうな方法を書いてみたいと思います。 vimeoでHDとして認識させる方法 vimeoのガイドラインによると Video： Codec: H.264 Frame rate: 24, 25, or 30 FPS Data rate: 2000 kbps (SD), 5000 kbps (HD) Resolution: 640x480 (SD), 1280x720 (HD) Audio: Codec: AAC (Advanc
無料で多くの動画サイトからAVI・MP4形式などに変換してダウンロードできる「xVideoServiceThief」
Windows・Linux・MAC OS Xに対応し、YouTube・UStream・Google Video・Yahoo! Video・Vimeo・YourFileHostなどの動画サイトの動画をAVI・WMV・MPEG1・MPEG2・MP4・MP4 HD・3GP・MP3形式またはApple iPod・Sony PSP用に変換可能で、オープンソースソフトとして開発されているのが「xVideoServiceThief」です。インストール・日本語化・形式を変換してダウンロードする方法は以下から。 ダウンロード可能な動画サイトは123video・5min・ARD Mediathek・ATV・Aniboom・Atom・Bebo・Blip・Boing Boing・Break・Caught On Tape・Ceknito・CinemaVIP・Clip4e・ClipJunkie・Clipfish・Co
MPEG Exporter TNG : Macintosh Lab.
MPEG Exporter TNG -The Next Generation- 様々な形式の動画像ファイルをMPEG-1/-2/-4に変換するソフトです。 変換にはffmpegというUNIX由来のエンジンを用います。また、Mac OS Xから導入されたMach-Oバンドル形式のアプリケーションとしてコンパイルされており、ネイティブで高速動作し、容易にアップデートも可能なアプリケーションパッケージ構造になっています。 Mac OS Xだからこそ可能になった様々な技術を投入した新世代のソフトウエアです。 変換したい動画ファイルをドラッグ＆ドロップするだけです。変換前に、変換する形式などについてのパラメータを設定することができます。初心者はダイアログの質問に答えていくだけで設定ができます。ほとんどの設定では高速・高画質・高圧縮率を実現できる1 pass QBエンコードという方式をとっていま
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
動画制作の流れ Adobe After Effects Pro編
動画の作り方 Adobe Premiere Pro編
無料動画 Mazwai
Justin.tv - ライブストリームのビデオ
Animoto - Make & Share Beautiful Videos Online