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
保存できないストリーミング動画をパケットキャプチャで保存するフリーソフト「Free Video Catcher」
YouTubeなどの有名なサイトであればいくらでもダウンロード用のソフトがありますが、ちょっとマイナーなサイトであったり、あるいは独自に自サイトでストリーミング動画を展開しているような場合だと、ダウンロードできないことが多々あります。そういうときにパケットレベルでキャプチャを行って解析して保存するというある意味、力業で無理矢理解決してしまうのがフリーソフトが「Free Video Catcher」です。パケットキャプチャしたあとはFLV、MP3、MP4、WebM、Ogg Theoraのいずれかの形式で保存されます。 ダウンロード、インストール、操作方法については以下から。 Free Video Catcher http://www.kastorsoft.com/videocatcher_en.php 上記サイトの「Download」をクリック。 ダウンロードした実行ファイルを起動。 「Ne
iOS用の動画変換をドラッグ・ドロップ・クリックで簡単にできる『iConvert』 | ライフハッカー・ジャパン
OS X： iPhone/iPod/iPad用に動画を変換してくれる『Handbrake』のようなツールはありますが、使い方がややこしかったり、インターフェースが絶望的だったり、誰でも簡単に扱えるツールではないことが多々あります。そんな中で『iConvert』はドラッグ・ドロップ・クリックの3ステップで簡単に動画変換が可能。 iConvertはiOS対応の動画形式へ変換するだけでなく、変換が終わったファイルをiTunesへ送信してくれます。ファイルをウィンドウへドラッグし、ドロップダウンリストからデバイスを選択後、Convertをクリック。Handbrakeほど高速ではありませんが、パソコンの知識がなくても簡単に使いこなせるという点でかなりオススメです。 iConvertはOS X用のフリーダウンロードアプリですが、より多機能な有償版iConvert HDも600円で販売中。iConver
あらゆるプログラミング言語学習のきっかけに！神サービス「ドットインストール」で貴方も勉強しようず！！
人生死ぬまでお勉強。 どうも、@OZPA です。 実は、勤務している会社において、4月よりWeb担当になった私。 人間で言えばようやく羊水をタオルで拭き終わった程度のWeb知識しかないのでヒィヒィ言いながら仕事をしているわけなんですが、このGWはWebのお勉強に費やそう！とやる気満々なわけです。 そんなわけで、ずっとやろうやろうと思っていたドットインストールさんでのお勉強を開始。 今さらながらではありますが、プログラミング学習サイト・ドットインストールの使い方とすんばらしさをご紹介したいと思います。 「ドットインストール」とは？ 「ドットインストール」は3分動画でマスターできる初心者向けプログラミング学習サイトです。 すべて無料でご利用いただけます。 via: 3分動画でマスターする初心者向けプログラミング学習サイト – ドットインストール ドットインストールはIDEA*IDEAの@tag
YouTubeを背景動画にしてフルスクリーンで流すjQueryプラグイン「Tubular」
Webサイトのページ背景に動画を流して、お洒落に演出したい方にオススメなのがこの「Tubular」というjQueryプラグイン。 YouTube動画をWebサイトの背景としてフルスクリーンで流すことができます。 Youtubeを利用しているので、表示も軽くて快適です。 設定も簡単です。サンプルを作ってみました。 ※ iPhoneのSafariではうまく動作しない場合があります。 「Tubular」の使い方は、続きをご覧下さい。 「Tubular」の設置方法 まずは、Tubularのダウンロードページから、jquery.tubular.1.0.1.zipをダウンロードします。 https://code.google.com/archive/p/jquery-tubular/downloads ダウンロードしてきた一式のファイルの中で、利用するのは以下のファイルになります。 screen.cs
ORANGE AGE Weblog - 全画面動画背景なサイトにリニューアル
サイトをリニューアルしました。 サイト背景全面に動画をのっけるというものをしたくて、構想はあったのですがなかなかよい動画素材がなく、背景を静止画で済ませてたのですが、今回使えそうな素材も準備でき念願の全画面動画サイトにできました。 背景が動画に変わった以外は、特に変更ありませんが、見た目のインパクトはかなりのものがあると思います。 今回のリニューアルで少しつまづいたところは、 「画面サイズを変更したとき、各パーツのサイズはそのままで、動画のみをリサイズする」 ということでした。 stage.scaleMode = StageScaleMode.NO_BORDER でいけそうとか思ってたんですが、これだとパーツもなにもかも拡大縮小されちゃうので使えない。動画のみをStageScaleMode.NO_BORDERの効果のようにしなきゃいけないので、 動画をムービークリップにし、インス
Flash（AS3）で動画をフルスクリーン対応するときのトラブル | alt
Flash（AS3）で動画をフルスクリーン対応するときのトラブル Published by alt on 2 月 9, 2009 01:30 pm Category[ サンプル ] Tag[ ソースコード, フルスクリーン ] ステージ上にFLVPlaybackコンポーネントを配置して動画を再生し、 そのうえでフルスクリーン表示にすると次のような現象が起きました。 ・コンポーネントが勝手にディスプレイ解像度あわせて縦横比を維持しながら拡げてしまう ・自力で動画のサイズ変更やポジション変更するとフル→Esc→フルの2回目から効かなくなる！？ ・ステージ上の他のムービークリップやテキストが消える！？ サンプルはこんなかんじ。 これだと、 他のアイテムを無視して画面いっぱいを動画が占領するのでいろいろ都合が悪いことになります。 大重さんのブログにも似たようなことが書い
swfファイルを抽出・解析・flaにデコンパイルするアプリケーション集 | コリス
サイトで使用しているFlashのswfファイルを抽出したり、flaファイルにデコンパイルしたり、ActionScriptを抽出できるアプリケーションのリンク集です。 [ad#ad-2] ※バージョンやプロテクトにより、対応不可なものもあります。 flaファイルにデコンパイル Action Scriptの抽出 swf内で使用しているファイルの抽出 ページに使用しているswfを抽出・保存 flaファイルにデコンパイル SWF Decompiler swfファイルをflaファイルにデコンパイルするアプリケーションです。 $79.99。体験版あり。 Motion Decompiler: 日本語版 swfファイルの解析や、flaファイルにデコンパイルするアプリケーションです。 ダウンロード版：9,800円。体験版あり。 Action Scriptの抽出 Flare swfファイルから、Action
Rails3 と jQuery で真面目にオシャレなエロサイトをつくってみました
いつぞやの飲み会で、 これだけウェブの技術が進化しているのだから、もっとオシャレなエロサイトがあってもいいんでないかい？ << という話になりまして。 だけどどうせ作るんならということで、Rails3 と jQuery を使って結構マジメにつくってみました。 （※大人の事情により、リンクはやむなく削除しました） 当初はエロにオシャレは必要ないのかなーと思ったときもありましたが、いざつくってみると、やっぱり選べるならオシャレなやつの方ががいいよね、という結論に落ち着きました。 今回つくったのは試験的なものなので 90日間限定でしか公開しないつもりですが、日本のエロサイトが今後もっとオシャレに発展していくきっかけになってくれたら嬉しいです。 以下、サイトのコンセプトや使っている技術についてまとめてみます。 **Rails3 と jQuery で真面目にオシャレなエロサイトをつくってみました 1
ビデオフォーマットってどこがどう違うの？ どれを使えばいいの？ : ライフハッカー［日本版］
ソフトウェア , 動画 , 豆知識 ビデオフォーマットってどこがどう違うの？ どれを使えばいいの？ 2012.03.27 23:00 コメント数：[ 0 ] Tweet ライフハッカー編集部様 世の中には、あらゆる形式のビデオを再生できるというビデオプレイヤーもありますが、そもそもどうしてこんなにたくさんの種類のビデオ形式があるんでしょうか？ DivXとXviD、またMP4とMKVでは何が違うのでしょうか？ DVDをリッピングしたり動画をダウンロードする場合、どの形式がベストなのでしょうか？ コーデックに混乱中より ライフハッカー[日本版]Amazon売上TOP5 1.始めよう。瞑想―15分でできるココロとアタマのストレッチ 2.頭がいい人の文章の書き方 (イラスト図解版) 3.強力なモチベーションを作る15の習慣 (フォレスト2545新書) 4.伝わる・揺さぶる!文章を書く (PH
誰でも1時間でDreamweaverを使ってウェブサイトが作れるようになる動画チュートリアル。 | Last Day. jp
誰でも1時間でDreamweaverを使ってウェブサイトが作れるようになる動画チュートリアル。 最終更新日： 2016/02/05 HTML/CSS, YouTube チュートリアル こんにちは@sayobsです。今日紹介するのはAdobeから発売されているドリームウィーバーを使って誰でもHTML/CSSでウェブサイト(ホームページ)を制作する動画チュートリアルを紹介します。 僕も最初はこの動画を見てDreamweaverの使い方を覚えました。英語ですが、凄く分かりやすいですよ。WordPressで自作テーマを作りたい人にもおすすめのチュートリアルです。 1時間で覚えようPart 1 CSS Layout with Adobe Dreamweaver CS4
CSS3やHTML5などのコードを書く様子を再現し、徐々に 出来上がっていく様を見ながら学べる チュートリアルサイト・TheCodePlayer - かちびと.net
一つの形として面白かったのでシェア。 実際にコードを書いていきながら徐々に 出来上がっていくさまを見ながら学べる チュートリアルサイト。動画のチュート リアルより見やすく頭に入りやすい気も しないでもないです。 こういう形で学べるのは面白いですねー。はじめてみるタイプのチュートリアルサイトです。よく、書いたコードがインタラクティブに反映されるサービスがありますが、そのチュートリアル版という感じ。 ブログ形式でチュートリアルを公開しています。 説明するより見た方が早いですね。以下のようなチュートリアルです。Play Walkthroughをクリックするとコードを打っているのが分かります。右はビューエリア。 Make a simple cloud in CSS3 こういう発想は全然なかったですけど、Youtube等の動画で見るより分かりやすい気はします。動画は音声も使ええるのが魅力でしょうけど
動画の編集はコレできまり 万能編集ツール「VirtualDubMod」 | 教えて君.net
動画の編集ツールとして定番中の定番といわれているのが「VirtualDubMod」。AVIやMPEGだけでなく、VOBやM2TS、FLV形式のファイルを読み込んで編集することが可能。CMカットや色調補正などの機能があるので、永久保存版のきれいな動画ファイルを作るときに大活躍する。 「VirtualDubMod」はカット・コピーはもちろん、シャープや色調補正、回転などあらゆる機能がつまった動画編集ソフト。出力形式はAVI/MKV/OGMの3種類と少ないが、読み込める形式はAVI/MPG/VOB/MKV/OGMとかなり豊富だ。さらに「ffdshow」と「Avisynth」をインストールしておくことで、m2tsなどのHD動画やMP4、FLV形式の動画を読み込むことができる。 なお、動画を読み込むとエラーが表示される場合は必要なランタイムが不足している。この場合はVirtualDubModに同梱し
ユーザーの声を集約してイノベーションへと繋げるフィードバックサービスが今後注目を集める3つの理由 | 汗と涙のソーシャルコマース全開ブログ
お金が必要になって、CMでもよく目にするカードローンおすすめのプロミスを利用してみようかなぁ、なんて考えているときに、「勤務先に在籍確認を行います」という文言を目にして不安になった人はいませんか？「勤務先に借り入れがばれてしまう…でもお金は必要だからプロミスは申し込みたい」、そんな人もいると思います。プロミスの在籍確認ってどういうものなのでしょうか。 まず、なぜ在籍確認を行う必要があるのでしょうか。プロミスをはじめ他の消費者金融を利用するということはお金を借りるということですよね。お金を借りたら返済しなければいけません。返済するには収入が必要ですし、収入は働いて得るものですよね？プロミスを申し込むときには、きちんと収入がありますよ、という証明するために「私はきちんと働いていて勤務先はここです」ということを記載します。その記載に嘘がないか、本当に働いているのかということを調べるために、在籍確
Youtube動画をページ背景にするjQueryプラグイン「tubular」:phpspot開発日誌
tubular, a YouTube Background Player jQuery Plugin | Sean McCambridge Design Youtube動画をページ背景にするjQueryプラグイン「tubular」 こんなことが出来ちゃうのかという感じですが、ページ背景全体をYoutube動画にできます。 実装は、$('body').tubular('_VKW_M_uVjw','wrapper'); のように、tubular にvideoIDの引数とラッパーのIDを渡せばOK。 背景をクリックで動画にとんじゃいますが、ホスティングしてもらってるわけなのでしょうがないですね。 コンテンツ領域は問題なくクリックできるところがナイスです。 関連エントリ 面白いテキストアニメーションが作れるjQueryプラグイン「textualizer」 時間の入力を楽にすることが出来るjQuer
jQueryとVimeoのAPIでサムネイルを作成し、動画をLightbox風にポップアップさせる - かちびと.net
VimeoのAPIとjQueryを使用したサンプル。 軽量なコードでLightbox風にポップアップ させる、という方法。Vimeo自体日本では 全然使ってる方を見かけませんが、徐々に 浸透すると嬉しいですね。便利だし。とい うか、僕が知らないだけで結構使ってる 方もいるのかもｗ 仕事じゃなくて個人で使いそうなのでメモ的に。VimeoのAPIを使って、リンクするだけでサムネを表示させてクリックするとLightbox風に表示される動画ギャラリー、みたいなものを簡単なコードで実装します。 Vimeo Gallery こんな風にサムネイルがギャラリー的に表示されて こんな風にLightbox風にポップアップさせます。 以下サンプル。 Sample IE7以下にも手抜きハックで対応させました。もっとちゃんとやれば素敵になるんじゃないですかね。 コード $(window).load(function
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ブラウザサイズに合わせて背景画像などをフィットさせるjQueryフルスクリーンプラグインいろいろ
Macビギナーでも使える！Macで動画を楽しむための最強ツール13選 - iTea3.0
IDEA * IDEA
h300 - 人妻動画サイトを Rails と jQuery スキルアップのためにつくってみました