ユーザーがURLを入力し、そのURLを表示するときに、カスタム表示(YouTubeのビデオの場合は埋め込みオブジェクト、画像リンクの場合はサムネイル、タイトルと抜粋)が必要な機能を実装しようとしています通常のリンクの場合は body の)。
このような機能はどのように実現できますか?
ユーザーがURLを入力し、そのURLを表示するときに、カスタム表示(YouTubeのビデオの場合は埋め込みオブジェクト、画像リンクの場合はサムネイル、タイトルと抜粋)が必要な機能を実装しようとしています通常のリンクの場合は body の)。
このような機能はどのように実現できますか?
oEmbed のアイデアはとても気に入りましたが、残念ながらまだあまり採用されていません。oohEmbed は、多くの Web サイト用に oEmbed を構築することで、この問題を解決しようとしています。
この機能が機能するには、次のシナリオが機能する方法であると私が信じるサーバーの相互作用が必要です
サイト humanzz.com があり、そのような機能を提供しているとします。
これには、サーバーのオーバーヘッドが非常に大きくなります。
サーバーの役割は「Same Origin Policy」の制限を回避することだけだったので、JavaScript を使ってやりたかったのです。
oohEmbed では、返された JSON オブジェクトがページのコールバック関数に渡されるように、oohEmbed にコールバック パラメーターを指定することにより、サーバーのステップをバイパスできます。これを示す例は次のとおりです。
スクリプト タグをページに動的に追加する
< script type="text/javascript" src="http://oohembed.com/oohembed/?url=http%3A//www.amazon.com/Myths-Innovation-Scott-Berkun/dp/0596527055/ &callback= myCallBack ">< /スクリプト>
これにより、 myCallback(oEmbedJSONObject) が実行されます。これは素晴らしいことです。
このソリューションの問題点は、oEmbed 表現を持たない Web サイトのフォールバックが必要なことです。
埋め込まれたものについては、auto_html ( https://github.com/dejan/auto_html ) を使用して大きな成功を収め (vimeo、youtube、画像)、soundcloud を自分で追加しました。しかし、私はまだFacebookのような画像とテキストを備えた「サムネイル」世代を探しています。
取得した種類の URL を手動で解析して、自分で構築する必要があると思います。画像の URL の場合は、サイズを変更するだけで済み、ユーザーがクリックした場合に備えて、元の URL を開いて処理します。
YouTube ビデオへのリンクである場合は、YouTube ビデオの埋め込みがどのように機能するかを確認する必要があります。Youtube 自体が提供するコードをコピーするだけで、URL を含む部分を、ユーザーから取得した URL を使用してビデオに交換できます。
私はそのようなものを実装したことはありませんが、このように動作するはずです。