2007年02月20日

jimaku.inの動画を字幕つきで貼るブログパーツをつくってみた このエントリーをはてなブックマークに追加

こんにちは。小室みつ子です(嘘です)。

先日ちょっと触ってみた、字幕.inのAPIだが、更に怪しくこんなものを作ってみた。



何故かSimpleXMLでパースできない動画などがあるのですが、まあ、そこはテキトーに・・・(理由などがわかりましたら教えてください)。
使い方:

  1. 下記のBookmarkletをブラウザのお気に入りに追加します。
    Bookmarklet:この動画を字幕つきでブログに貼る(字幕in)(右クリックでお気に入りに追加)

  2. 字幕.in のページでどれかなんでもいいので適当な動画を見る。
    例えば、このページ:字幕.in | 無職+スタバ+ミスコン+塊魂

  3. 上記のブックマークレットをそのページで使う

  4. 動画貼り付け用のタグがテキストエリアに表示されるので、それをコピーしてブログなどにはります。貼り付けイメージも表示されます。

  5. 利用しているclass名は下記の通り。

    • jimaku_parts:字幕パーツ全体を囲っているdivタグ

    • jimaku_head:字幕パーツの動画の前までの文字「jimaku.in(字幕つき)」とアイコンりょーちの部分のdivタグ

    • jimaku_cont:字幕パーツの動画表示部分

    • jimaku_text:セリフ表示部分を囲っているdivタグ


    利用しているCSSサンプル:style.css(最後の方に記述しています)


で、まあ、これを使うときっとこんな感じでBlogに貼れるっぽい。

  • こんにちは エミリーです (0.888)
  • 今日は英語でしゃべります (3.224)
  • 日本語の話ばっかりだと
    飽きると思うから (6.762)
  • 私のこと 普通に話しますね (11.471)
  • 最近 いろんな事が起きて
    バタバタしてました (19.592)
  • 私 有機食品のお店で
    バイトしてるんですが (27.638)
  • 今週のシフトを
    確認しようとしたら (32.97)
  • 勤務表に 私の名前が
    載ってないんです (37.982)
  • マネージャーのところに
    理由を聞きに行ったら―― (44.826)
  • エミリー 聞いてくれ (51.49)
  • 君が 悪いわけじゃないんだ (55.122)
  • お酒を置いてる店では
    未成年は働けないんだって (59.899)
  • 今頃言うなよって感じ (66.56)
  • 私みたいな若者を
    増やさないためにも (70.844)
  • フロリダで お店を始めようと
    思ってる人は (76.774)
  • 州法を よく読んでおいて下さい (80.823)
  • そんなわけで
    辞めさせられちゃったけど (87.745)
  • 時給良かったし
    お客さんも面白かった (93.649)
  • 二週間くらい 実家に
    帰る予定もあって (100.702)
  • 家でゴロゴロ してたんだけど (105.143)
  • 今朝は 早起きして
    スターバックス行こうと思って (110.393)
  • iPodとか聞きながら
    久しぶりに 街に出かけました (117.499)
  • いつものスターバックスで
    同じのばっかり頼んでるせいか (124.369)
  • バリスタだっけ?
    あの混ぜる機械で―― (129.724)
  • 私が 注文する前に
    もう作り始めてるんです (135.079)
  • たまには 他のにしようと
    メニュー見てたら (141.27)
  • 店員さんは 何か入れますか?
    とか聞いてくるんです (147.487)
  • ちょうど暑い日だったから
    冷たいのが飲みたくて (153.182)
  • モカ・フラパチーノ下さい
    って言いました (159.66)
  • そしたら
    氷入れましょうか だって (166.348)
  • そんなの飲みたくないって
    言ったけど (170.658)
  • どうしても もう作ったやつ
    飲んで欲しかったみたい (174.472)
  • そんな感じで 楽しかったです
    スターバックス大好きですよ (181.081)
  • もちろん 有機食品のお店も (185.6)
  • 仕事なくすし スターバックスは
    注文聞いてくれないし (190.668)
  • 次はなんだろう (196.911)
  • 美人コンテストみたいなのに
    招待されました (200.882)
  • 日焼けした女の子が
    綺麗な服着て歩くアレです (207.961)
  • ああいうのに出たいかって? (215.301)
  • 私は 綺麗な服もないし
    日焼けもしてないし (219.533)
  • 顔はまあまあだけど (226.638)
  • ウェスト・パームビーチの
    女の子って―― (229.538)
  • 高級バッグに整形手術
    もう何でもありで (236.278)
  • ほとんど別世界なんですよ (244.584)
  • 500万ドルの別荘買うには
    いい場所かも知れないけど (252.578)
  • 面白い所だけど あそこで
    買い物はまずムリ (260.937)
  • 有名人でもなければ
    店の外から眺めてるだけ (267.076)
  • 何も買わないから
    無駄遣いしなくて 済むけど (273.842)
  • スターバックスに通ってる
    私みたいな一般市民には (281.835)
  • あそこじゃシャツの
    一枚も買えないから (290.638)
  • この服 素敵だけど色がね
    とか言いながら (298.58)
  • 何も買わずに車に乗り込んで
    そのまま家に直行 (304.666)
  • 一人だと 面白くないから
    友達と一緒に行って (311.35)
  • 何これ高くない?とか
    言い合ったりして (316.604)
  • そんな感じで 遊んでます (322.325)
  • 遊ぶというと
    ゲーム大好き なんだけど (328.15)
  • PS2の“塊魂”が
    一つ余ってるんです (333.584)
  • 誰か買ってくれませんか (341.577)
  • ゲームとかビデオって
    返品効かなくて (347.951)
  • eBayに出してみようと
    思ったけど (356.833)
  • 私も気に入ってるんだけど
    日本語版のPS2が必要です (360.934)
  • これ欲しい人 メール下さい
    PayPalも使えるから (366.968)
  • もしこのゲームが買いたい
    私 売ってるよ (374.439)
  • 面白いですよ 2,800円 (379.794)
  • タイトルは
    “みんな大好き塊魂” (383.713)
  • 英語版やったから 今からまた
    日本語でやるのも…と思って (388.441)
  • ちょっとでも 貯金しなきゃ
    失業中だし (396.957)
  • 買いたい人 メール下さい (403.905)
  • 記念に サイン書いてもいいですよ (406.491)
  • じゃあ 終わりにしますね
    いろいろ話せて楽しかった (412.5)
  • 英語のブログもいいですね (418.847)
  • Wii買いに行ったときのビデオも
    あるから 今度アップしますね (423.576)
  • ビデオの編集とか苦手だから
    なかなか進んでないけど (430.916)
  • そのうちアップします (440.16)
  • じゃ 終わります (443.347)
  • これから掃除して (445.753)
  • Wiiで遊んで
    こんな感じで (447.713)
  • みなさん 楽しい週末を
    過ごしてくださいね (454.269)
  • スターバックス行っても
    おすすめを飲まされないように (458.423)


冒頭にも記載しましたが、何故かSimpleXMLでパースできない動画などがあるのですが、まあ、そこはテキトーによろしくです。
posted by りょーち | Comment(0) | TrackBack(0) | Web周辺技術
この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント: