Ik ben op zoek naar de uitvoering van een functie zoals dat wanneer een gebruiker een url-ingangen en bij het weergeven van die url wil ik een aangepaste scherm hebben (een embed object als het een video van YouTube, een miniatuur als het een afbeelding link, titel en uittreksel van het lichaam als het een normale link).
Hoe kan een dergelijke functie worden gerealiseerd?
Ik denk dat je moet het bouwen zelf door het soort URL krijg je handmatig parsing. Als het een beeld url, nou dan heb je alleen maar om het herschalen en in het geval de gebruiker erop klikt, dan handvat dat door het openen van de oorspronkelijke één of andere manier.
Als het een link naar een aantal youtube video, dan moet je kijken hoe de inbedding van Youtube video's werkt nemen. Je kunt gewoon de code die wordt geleverd door Youtube zichzelf te kopiëren, en dan wisselen de onderdelen met de URL naar de video met de URL die u kreeg van uw gebruiker.
Ik heb nog nooit zoiets uit te voeren, maar ik neem aan dat het zou moeten een of andere manier werken als dit.
Er is een nieuw idee genaamd oEmbed dat een paar sites te ondersteunen (Flickr, Vimeo en een paar anderen) dat dit probleem aanpakt. oEmbed website
Anders, vinkt u de site met een lijst van degene die je plukken en trek vervolgens de relevante bits naar een embed koppeling te construeren.
Ik vond het idee van oEmbed veel, maar helaas niet heeft nog zo veel adoptie. oohEmbed probeert om dit probleem op te lossen door het bouwen van oEmbed voor vele websites.
Voor de functie aan het werk, moet de interactie van de server waar ik denk dat de volgende scenario is hoe het werkt
Veronderstel dat we de site humanzz.com en dat het voorziet in een dergelijke functie
Het gaat om overhead zoveel server.
Ik wilde echt te doen met behulp van JavaScript als de rol van de server alleen was te omzeilen "Same Origin Policy" 's restricties.
oohEmbed maakt omzeilen stap van de server door het opgeven van een callback parameter om oohEmbed zodat de JSON object terug naar een callback-functie wordt doorgegeven op uw pagina. Een voorbeeld dat hiervoor is als volgt
Voeg een script tag dynamisch aan uw 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>
Dit zou resulteren in het uitvoeren van myCallback (oEmbedJSONObject) dat is geweldig.
Het probleem met deze oplossing is dat je nog wel een fallback voor websites die niet oEmbed voorstellingen hoeft te hebben.
Voor de embedded dingen, heb ik gebruik gemaakt van auto_html ( https://github.com/dejan/auto_html ) met groot succes (vimeo, youtube, afbeeldingen) en zelfs toegevoegd SoundCloud mezelf. Maar ik ben nog steeds op zoek naar een "thumbnail" generatie met een beeld en tekst facebook-achtig.
