Sto cercando di implementare una funzione come quella in cui un utente immette un URL e durante la visualizzazione di tale URL voglio avere una visualizzazione personalizzata (un oggetto di incorporamento se si tratta di un video da youtube, una miniatura se si tratta di un link d'immagine, titolo e brano del corpo se si tratta di un normale link).
Come può un tale caratteristica essere realizzato?
Credo che si deve costruire da soli analizzando manualmente il tipo di URL che si ottiene. Se si tratta di un collegamento ad un'immagine, beh, allora devi solo ridimensionare e nel caso in cui l'utente fa clic su di esso, quindi gestire che con l'apertura di quella originale in qualche modo.
Se si tratta di un link ad alcuni video youtube, allora dovete dare un'occhiata a come l'incorporamento di video YouTube funziona. Si può semplicemente copiare il codice che viene fornito da YouTube stesso, e poi scambiare le parti con l'URL del video con l'URL che hai da vostro utente.
Ho mai implementare qualcosa di simile, ma suppongo che dovrebbe funzionare in qualche modo come questo.
C'è una nuova idea chiamata oEmbed che alcuni siti supportano (Flickr, Vimeo e pochi altri) che risolve questo problema. sito oEmbed
In caso contrario, basta controllare il sito con un elenco di quelli che si scegliere e quindi estrarre i bit rilevanti per la costruzione di un collegamento embed.
Mi piaceva l'idea di oEmbed molto, ma purtroppo non ha più di tanto l'adozione ancora. oohEmbed cerca di risolvere questo problema con la costruzione di oEmbed per molti siti web.
Per la caratteristica di lavoro, è necessaria l'interazione del server in cui credo che il seguente scenario come funziona
Supponiamo di avere il sito humanzz.com e che fornisce tale caratteristica
Ciò comporta spese generali così tanto del server.
Volevo davvero farlo utilizzando JavaScript come il ruolo del server è stato solo per bypassare "la politica stessa origine" 's restrizioni.
oohEmbed permette bypassando passo del server specificando un parametro di callback per oohEmbed modo che l'oggetto JSON restituito è passato a una funzione di callback sulla tua pagina. Un esempio che illustra questo è il seguente
Aggiungere un tag script in modo dinamico alla tua pagina
<Script type = "text / javascript" src = "http://oohembed.com/oohembed/?url=http%3A//www.amazon.com/Myths-Innovation-Scott-Berkun/dp/0596527055/ & callback = mycallback "> </ script>
Questo si tradurrebbe in esecuzione mycallback (oEmbedJSONObject) che è grande.
Il problema con questa soluzione è che devono ancora avere un ripiego per i siti web che non hanno rappresentazioni oEmbed.
Per le cose incorporati, ho utilizzato auto_html ( https://github.com/dejan/auto_html ) con grande successo (vimeo, youtube, immagini) e persino aggiunto Soundcloud me stesso. Ma io sono ancora alla ricerca di una "miniatura" generazione con un'immagine e il testo facebook-like.
