Estoy intentando implementar una función como esa en la que un usuario ingresa una url y cuando la visualizo quiero tener una pantalla personalizada (un objeto incrustado si es un video de youtube, una miniatura si es un enlace de imagen, título y extracto) del cuerpo si es un enlace normal).
¿Cómo se puede realizar tal característica?
Supongo que debes construirlo tú mismo analizando manualmente el tipo de URL que obtienes. Si se trata de una url de imagen, entonces solo tiene que reescalarla y, en caso de que el usuario haga clic en ella, entonces maneje eso abriendo la original de alguna manera.
Si se trata de un enlace a algún video de youtube, entonces debe observar cómo funciona la incrustación de videos de Youtube. Puede copiar el código proporcionado por Youtube y luego intercambiar las partes con la URL al video con la URL que recibió de su usuario.
Nunca implementé algo así, pero supongo que debería funcionar de esta manera.
Hay una nueva idea llamada OEmbed que algunos sitios admiten (Flickr, Vimeo y algunos otros) que aborda este problema. o Sitio embebido
De lo contrario, simplemente verifique el sitio con una lista de los que elija y luego extraiga los bits relevantes para construir un enlace de inserción.
Me gustó mucho la idea de oEmbed, pero desafortunadamente aún no tiene tanta adopción. oohEmbed intenta resolver este problema creando oEmbed para muchos sitios web.
Para que la característica funcione, necesita la interacción del servidor, donde creo que la siguiente situación es cómo funciona
Supongamos que tenemos el sitio humanzz.com y que proporciona dicha función
Esto implica mucho sobrecarga del servidor.
Realmente quería hacerlo usando JavaScript, ya que el rol del servidor solo era eludir las restricciones de "Política de Same Origin".
oohEmbed permite pasar por alto el paso del servidor especificando un parámetro de devolución de llamada a oohEmbed para que el objeto JSON devuelto pase a una función de devolución de llamada en su página. Un ejemplo que ilustra esto es el siguiente
Agregue una etiqueta de script dinámicamente a su página
<script type = "text / javascript" src = "http://oohembed.com/oohembed/?url=http%3A//www.amazon.com/Myths-Innovation-Scott-Berkun/dp/0596527055/ & callback = myCallBack "> </ script>
Esto daría como resultado la ejecución de myCallback (oEmbedJSONObject), que es genial.
El problema con esa solución es que todavía tiene que tener una alternativa para los sitios web que no tienen representaciones de OEmbed.
Para las cosas incrustados, He estado usando auto_html ( https://github.com/dejan/auto_html ) con gran éxito (vimeo, youtube, imágenes) e incluso añadió SoundCloud mí mismo. Pero todavía estoy buscando una "miniatura" generación con una imagen y un texto facebook similar.
