HTML5のタグで動画を簡単に配置する方法
HTML5で追加された<video>タグは、ページ上に簡単に動画を配置することができます。 <video>タグはInternet Explorer 9から対応していますので、windows XPがほぼ撲滅された2015年現在、対応ブラウザを気にせず使えるかと思います。 動画のフォーマットに関しては、デスクトップ・モバイル含めすべてのブラウザがmp4形式（H.264）の再生に対応していますので、mp4形式一択でいいかと思います。 デモ準備設置方法利用可能な属性一覧参考サイト １．デモ 動作確認用デモページはこちら ２．準備 ページに貼り付ける動画を用意しておきましょう。 テストサイトとして動画の貼り付けを試したい場合には、以下のサイトでテスト用動画を入手するといいかと思います。 PIXTA -動画素材- (カンプデータの利用)NHKクリエイティブ・ライブラリーMotion Elements
Windows上でPHPを使ってFFmpegを動かす(1/5)
今回はWindows上でFFmpegをインストールし、PHPを使って動画ファイルを操作するまでを紹介いたします。尚この記事について動作確認などはしておりますが、全ての環境で確認した訳ではありません。万一なんらかの不具合や問題が生じましても一切の責任は負いかねますのでご了承ください。 12345 動画変換ソフトFFmpegをWindowsにインストールし、PHPを使って動画ファイルから画像を抜き出し、flvに変換するまでを学習します。 FFmpegの、Windowsへのインストールが出来たらコマンドプロンプトから動画を変換してみることでインストールの成否を確認します。続いてPHPでFFmpegを利用する環境を整えます。PHPでFFmpegを使うためのモジュールffmpeg-phpをインストールし、phpvideotoolkitという便利なPHPで使えるFFmpeg用のクラスを使って動画を操作
ffmpeg-php で FLV からサムネイルを生成する | バシャログ。
今年初セーターな nakamura です。こんにちは。 そうそうあるケースではないですが、とある案件で FLV ファイルからサムネイル画像を生成する機能が必要になったのでその時の作業メモです。ffmpeg-php というエクステンションを使うと比較的容易にできますよ。 今回は CentOS-5.5 での作業例です。 インストール 動作には ffmpeg, ffmpeg-devel といったパッケージが必要ですが、デフォルトのリポジトリには存在しないので rpmforge リポジトリを追加します。※ダウンロードする rpm のファイル名は適宜最新のものにしてください。 wget http://packages.sw.be/rpmforge-release/rpmforge-release-0.5.1-1.el5.rf.i386.rpm rpm -ivh rpmforge-release-0.
背景に動画を使ったWebサイトの作り方
2023年5月12日 jQuery, Webサイト制作, Webデザイン 2012年後半あたりから少しずつ目にする機会が増え、今では海外サイトを中心に世界中に広まった、背景に動画を用いたWebサイト。サイトの雰囲気や、サービスの具体的な内容を背景に流すことで、よりユーザーの視点をスクリーンに注目させることができます。今回はそんな背景動画の実装方法を、実例サイトと共に紹介していこうと思います。 ↑私が10年以上利用している会計ソフト！ KINS WITH 動物病院のWebサイトでは、かわいいわんちゃんの動画とともに院内の様子がよくわかる動画を掲載しています。 AquallのWebサイトでは画面全体ではなく、動画の一部をくり抜いたような形で動画を掲載。背景の装飾としてよく溶け込んでいます。 動画を用意する まずは背景に表示したい動画を用意します。動画を用意する方法は大きく分けて4通り。 自分で
HTML5 ビデオと主要ブラウザの対応状況
HTML5 仕様の草案は2004 年に始められ現在も HTMLワーキンググループや WHATWG メ ーリングリストで検討中であり(こちらを参照）、ブラウザの対応も進展過程にある。 HTML5には多くの要素と属性が新しく導入されたり変更されたりしており、マルチメディ アの為の新しい要素 <video>が追加され、プラグインが無くても動画のストリーミング再 生が可能となった。 ブラウザのHTML5 Videoへの対応は、Opera 10.5, Firefox 3.5, Google Chrome 3, Safari 3.1以降で漸次対応して来ている（Internet Explorer 9で対応予定）。 しかし、HTML5 のビデオ・コーデックの規定が H.264とTheoraに分かれて定まらない状 況下にあって、2010年5月GoogleがオープンソースVP8の動画規格 We
HTML5のvideoタグを使って背景に動画を設定するjQueryプラグイン・videoBG - かちびと.net
HTML5から使えるvideoタグで背景への動画設定を簡単に行えるというスクリプトです。対応していないブラウザには静画が表示されるようになっているみたい。 動画を背景に、というスクリプト。 動画のパスを指定して表示するみたいです。楽でいいかも。尚、HTML5未対応のブラウザには普通の画像を別途用意して指定しておくことで表示を切り替えるみたいです。 コード <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js'></script> <script type="text/javascript" src="jquery.videoBG.js"></script> コアとプラグインを読み込み。 $('.foo').videoBG({ position:"
動画を背景にするとこんなにカッコいい、というデモと実装jQueryプラグイン:phpspot開発日誌
動画を背景にするとこんなにカッコいい、というデモと実装jQueryプラグイン 2012年12月10日- Make an HTML5 video a background - body bg demo 動画を背景にするとこんなにカッコいい、というデモと実装jQueryプラグイン。 Youtubeの動画を背景にするjQueryプラグインがあったりしますが、今回は自前の動画を背景に使ったサイトが簡単に作れます。 動画フォーマットも各種指定することで色々な端末に対応することができそう 実装コード。各種動画ファイルをフォーマットベースにオプション指定 若干重いですが、将来的にはこういったサイトも当たり前のように登場していることでしょう。 関連エントリ フリーのオープンソースなHTML5動画プレイヤーいろいろ
Kotaku - The Gamer's Guide
A small but important change to Discord’s terms of service has big ramifications for users. The social app’s terms now include a class waiver, which would prevent participation in larger lawsuits. It’s supposedly meant to prevent frivolous lawsuits, but if you want to protect your consumer rights, a simple email will…
ニワンゴ技術責任者が語る、「ニコニコ動画」成功の鍵:ニュース - CNET Japan
サービス開始からわずか11カ月で400万会員を獲得し、「初音ミク」や「ねこ鍋」など数々の人気コンテンツを生み出しているニワンゴの動画コミュニケーションサービス「ニコニコ動画」。こんなふうに一大ムーブメントを起こすサービスを自分の手で開発してみたいと思う人も多いだろう。 ニコニコ動画はどのようにして生まれ、どういった点が成功の鍵を握ったのか。また、ニコニコ動画のようなサービスを開発する上で求められる人材像とはどんなものなのだろうか。ニワンゴ技術担当取締役の溝口浩二氏が11月17日に東京都内で開催された就職支援イベント「ミリオンタイムズスクウェア キャリアアップセミナー」の講演で明らかにした。 少人数の開発チームで試行錯誤を繰り返す ニコニコ動画は、ドワンゴ代表取締役会長でニワンゴの代表取締役社長も務める川上量生氏と、ドワンゴ研究開発本部 研究開発部 技術支援セクションの戀塚昭彦氏の2人が中心
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
PHPでffmpegを使った動画の変換を裏側で行う - Qiita
サンプルゲーム公開！ 動画も公開！ / ツクールBlog