3

基本的な考え方は、YouTube からの URL をチャットに追加すると、YouTube からコンテンツが取得され、チャット ウィンドウ自体にビデオが表示されるというものです。

Jabbrや gmail や Facebook などのコンテンツ プロバイダーを取得するにはどうすればよいですか。これを達成するための既知の JS ライブラリまたは標準関数はありますか? 私は Jabbr コードを見ました。これはサーバー側で行われており、ページの更新を行っても機能しません。

開始するのに役立つリソースを探しています。Youtube.com、twitter などのさまざまなコンテンツ プロバイダーをチャットに追加したいと考えています。

4

1 に答える 1

3

これを行うための既製のライブラリも見つかりませんでした。しかし、自分で作成するのも悪くありません。YouTube ビデオを自動的に挿入する jQuery コードは次のようになります。

urls = text.match(/http:\/\/www.youtube.com\/watch\?.*v\=([^\?\&]+)/);

if (urls) {
    $("#chatbox").prepend('<div class="entry"><iframe title="YouTube video player" class="youtube-player" type="text/html" width="320" height="240" src="http://www.youtube.com/embed/' + urls[1] + '" frameborder="0" allowFullScreen></iframe></div>');
    return;
}

効果を示すこの例のフィドルをチェックしてください: example。別の例として、プレーン リンクにも一致します。この概念を拡張するには、照合する入力の種類 (たとえば、私の例のような正規表現) と、挿入する必要があるコード (YouTube 埋め込み iframe など) を把握する必要があります。

ユーザーが悪意のあるコードを挿入できないように、式とインジェクションを慎重にテストするように注意する必要があります。

于 2013-04-02T22:35:55.090 に答える