BigVideo.js
デモページ デモは左のメニューから、動画を変更して再生できます。 BigVideo.jsの使い方 外部ファイル BigVideo.jsはjQuery, jQuery UIと、動画再生に「video.js」を利用しています。これら全てを外部ファイルとして記述します。 <!-- BigVideo Dependencies --> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script src="js/jquery-ui-1.8.22.custom.min.js"></script> <script src="js/jquery.imagesloaded.min.js"></script> <script src="http://vjs.zencdn.net/c/vide
スクリプト無し、動画をページの背景いっぱいに表示する方法
jQueryなどスクリプトは一切使わずに、HTML5+CSSで動画をウェブページの背景いっぱいに表示する方法を紹介します。 フルサイズのデモ IE8などHTML5のvideo要素に対応していないブラウザでは、代替の背景画像が表示されます。 実装は、非常にシンプルです。 HTML 動画はbody内の一番下にvideo要素で配置し、その上には通常通りコンテンツを配置できます。 <body> ... コンテンツ ... <!-- 背景に設置する動画 --> <video autoplay loop poster="http://mattgrossdesign.com/raw-media/first-frame-screencap" id="video-background" muted> <source src="http://mattgrossdesign.com/raw-media/wood
Pharrell Williams - Happy
HappyPharrell Williams* Concept & Direction We Are From L.A. Production Company *I am OTHER - General Manager Caron Veazey I am OTHER - Creative Director Mimi Valdés *Creative Director Yoann Lemoine / Woodkid *Iconoclast - Managing Director Charles-Marie Anthonioz Iconoclast - Executive Producer Kathleen Heffernan Iconoclast - Executive Producer Roman Pichon Herrera *Producer Jett Steiger Line Pro
BigVideo.js - The jQuery Plugin for Big Background Video
BigVideo.js The jQuery Plugin for Big Background Video (and Images) 12-30-2015 Update This project is no longer under active development. Much has changed since the summer of 2012 when BigVideo.js was launched. For more current information on implementing video backgrounds, check out these links: CSS Tricks - Should I use a video as a background? Dudley Storey - Create Fullscreen HTML5 Page Backgr
HTML5とJSで動画に画像をWEB上で合成する「HTML5 Glasses!」
HTML5とJSの組合せでWEB上でできるとこは格段に広がり、様々な実験的なコンテンツが世界では展開されていますが、今日紹介するのはアイデア次第で面白いプロモーションに使えそうなHTML5とJSで動画に画像をWEB上で合成する「JavaScript Face Detection + Canvas + Video = HTML5 Glasses!」です。 こちらはHTML5で再生されているビデオにCanvasを利用して、ビデオに追従するエレメントを表示させるというものです。 実際どんなものか動画が公開されていましたので、下記からご覧ください。 動画は以下から ユーザーが撮影した動画に対してなにかを合成したり、動画コンテンツに合成する絵を分けてコンテンツを変化させたり、様々な事ができそうな技術だと思います。 「Library」にソースコードや実装方法などが公開されています。気になる方は是非チャ
HTML5でつくるカメラ&落書きアプリ（中国GTUGハッカソンで発表） | 秋葉秀樹個人ブログ
サイトにアクセスして、画面をちょっと下にスクロールすると「Android Build」というリンクがすぐ見つかるはずです。 これをタップするだけでダウンロードが始まります。 ダウンロードが終わったら、上図右のようにアイコンをホームの画面にでも配置しておきましょう。 Operaのアイコンに「LAB」と書いてあるのがそれです。 その「LAB」と書いているOperaを起動して、ハッカソンで作ったやつのアドレスにアクセスしてください。 http://ecoloniq.jp/opera_de_camera/ ※ハッカソンの制限時間の関係上ちょっとした不具合があります、そのときは更新をタップしてください（ちゃんと作りたいなあ...） カメラの映像をブラウザに映す カメラの画像をブラウザに映すのだけはとても簡単です。 <video autoplay> // jQueryを読み込んでいます $(funct
JayCut : オンラインで手軽に使えるビデオ編集サイト
JayCut : オンラインで手軽に使えるビデオ編集サイト JayCut JayCutはオンラインで手軽にビデオを編集できるサイト。 動画や画像、音声などを組み合わせたりしながら、オリジナルビデオが簡単に作成できるというものです。 まずは試しに「TRY A DEMO」をクリックしてどんなもんか試してみましょう。 「Add Media」からファイルをアップロードしたり、ウェブカムから取り込んだりしてメディアとなるコンテンツを加えていきます。 あらかじめいくつかのサンプルメディアが用意されているので、それを利用してもよいでしょう。 メディアを下のタイムラインに並べ、切ったり繋げたりしながら自由に作成していくことが可能です。 「Video A」と「Video B」に違うメディアを配置して、適当な「Transitions」を間に挟めば、簡単に2つのメディアをお洒落に連結できます。 色調補正なども自
HTML5に対応したYouTube動画の新しい埋め込み方法
HTML5に対応したYouTube動画の新しい埋め込み方法 YouTubeでは従来の<embed>タグによる動画の埋め込み方法の他に、<iframe>での埋め込みが利用できることを発表しました。 さて、一般のPC以外からの動画再生はFlashが対応していないため視聴できない、という問題がありましたが、昨今HTML5の登場によってプラグイン無しで再生することができる環境になってきました。 そこで、今回の新しい埋め込み方法では、ユーザーの環境に合わせてFlashプラグインが対応していれば従来の方式で、そうでなければHTML5方式で自動的に埋め込み内容を切り替えてくれるようになっています。 埋め込みコードは以下のような感じで、従来よりもむしろスッキリしてます。 <iframe class="youtube-player" type="text/html" width="640" height="
携帯電話/iPhone用メディアコンバーター·Mobile Media Converter MOONGIFT
Mobile Media ConverterはWindows/Mac OSX/Linux向けのオープンソース・ソフトウェア。ネット上にある動画や手持ちの動画をコンピュータ上で見るのは簡単だ。だがそれを外でも持ち歩きたいと思った時が面倒くさい。モバイル機器に合わせた動画の変換が必要だからだ。 簡単操作で動画変換 そんな時に役立つのが動画変換のソフトウェアだ。特にモバイルでの利用を想定されているものが便利だ。Mobile Media Converterはモバイルの想定はもちろん、クロスプラットフォームで動作するのが利点のソフトウェアだ。 Mobile Media Converterを起動するとYoutubeのURLまたはローカルにあるファイルを開くようになっている。複数のファイルを一括して登録、変換することも可能だ。変換する際もモバイル機器の名称を選んだり、フォーマットを選ぶだけで後はお任せに
フォントブログ
フォントブログ閉鎖と一部記事の移管について 平素はフォントブログをご覧いただき誠にありがとうございます。 数年前よりブログの更新を中止したまま、諸般の事情で過去の記事は公開をしていましたが、 時代に合わない内容や、すでに古い情報をこのまま残しておくのは良くないと考え、 フォントブログを閉鎖することにいたしました。 これまでお世話になった方々、私に様々な機会を与えてくださった方々、 そして約25年間に当ブログをご覧いただいた方々に心より感謝いたします。 私自身2014年に関東から地元へUターンをし、 書体デザイナーやフォントメーカーの方、文字関係者の方と直接お会いする機会が減ってしまったこと、 また私自身の環境の変化により、以前のように情報収集をする時間の確保が難しくなってしまいました。 フォント好きとして初心に帰り、過去の一部の記事は順次個人サイト (PETITBOYS) のブログのほうへ
kmdr
大阪てら子22で作ったやつの評判が良かったので、調子にのってサイトにしてみようという試み。 ブラウザとWebカムがあれば、すぐにストップモーション（コマ撮り）アニメーションを作成することが出来るという感じ。 なんせサーバサイドに関してはド素人の人が恐る恐る作っているので、何がおこっても責任とりません。 ちゃんとリリースできるまで作りこむかどうかもわかりません。 途中で飽きて完全放置するかもしれません。 アップロードされた動画は何の予告もなしに抹殺することがあります。 会心のものができた場合はダウンロードしたFLVを保存しておくことをオススメします。 そしてお願いです、公的秩序に反するものはアップしないでください。 あと、今のところ削除機能はありませんのでどうしても消したい場合は、minoru at minomix.netまで連絡ください。 連絡いただければ適当に削除します。
10th Story | 門司港ホテル WEDDING
1日だけ咲く花よりも、一生に咲く花を。門司港ホテルウエディングスペシャルサイト
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
trick7 RTP Live: Info Bocoran RTP Slot Online Pragmatic Play Gacor Terlengkap -
IDEA * IDEA
IDEA * IDEA
[100+] 8k Wallpapers | Wallpapers.com![[100+] 8k Wallpapers | Wallpapers.com](https://cdn-ak-scissors.b.st-hatena.com/image/square/97eee90ac78ac844c673f9cc0d2065eecb3bb3ff/height=288;version=1;width=512/https%3A%2F%2Fwallpapers.com%2Fimages%2Ffeatured%2F8k-e16w8b36gngra7a4.jpg)