jquery - URL を解析して、jQuery と JSF を使用してビデオまたは Web サイトのサムネイル画像を取得する

Question

Facebook や Google+ のように、特定の情報に関連するコンテキストを含める必要があるソーシャル アプリケーションを構築しています。ウェブサイトまたはビデオのスクリーンショットを作成できる jQuery プラグインまたは JSF プラグインはありますか?

以下のようにjQueryを使ったコーディングも行っていますが、完全ではありません。

jQuery

var content = $("#wall").val();
URL objUrl = new URL(content);
InputStream is = objUrl.openStream();
DocumentBuilderFactory bdf = DocumentBuilderFactory.newInstance();
DocumentBuilder db = dbf.newDocumentBuilder();
Document doc = db.parse(new InputSource(is));

XHTML ページ

<ui:composition>
  <h:form>
    <input name="current_img" id="current_img" type="hidden" />
    <input name="ajax_flag" id="ajax_flag" type="hidden" />
  </h:form>
  <div id="wrapper">
    <div style="border: solid 1px #B4BBCD;">
      <div id="fetched_data">
        <div id="loader"></div>
        <div id="ajax_content"></div>
      </div>
    </div>
    <div id="textareaWrap">
      <textarea id="wall"></textarea>
      <div id="sharebtn">
        <a class="button Share" style="" id="shareButton">Share</a>
      </div>
    </div>
  </div>
</ui:composition>