Jeg prøver å implementere en funksjon som det der en bruker skriver inn en url og når du viser at url jeg vil ha en tilpasset skjerm (en embed objekt hvis det er en video fra youtube, et miniatyrbilde hvis det er et bilde link, tittel og utdrag av kroppen hvis det er en vanlig link).
Hvordan kan en slik funksjon bli realisert?
Jeg antar du har til å konstruere den selv ved å manuelt analyse av hva slags URL du får. Hvis det er et bilde url, vel da er det bare å skalere det og i tilfelle brukeren klikker på den, så håndtere det ved å åpne den originale eller annen måte.
Hvis det er en link til noen youtube video, så må du ta en titt på hvordan innebygging av YouTube-videoer fungerer. Du kan bare kopiere koden som er gitt av Youtube selv, og deretter bytte delene med nettadressen til videoen med nettadressen du fikk fra din brukerkonto.
Jeg hadde aldri gjennomføre noe sånt, men jeg antar at det skal fungere liksom som dette.
Det er en ny idé som kalles oEmbed at noen områder støtte (Flickr, Vimeo og noen få andre) som løser dette problemet. oEmbed nettstedet
Ellers, bare sjekke området mot en liste over de du velge og deretter trekke ut de relevante biter å konstruere en lenke.
Jeg likte tanken på oEmbed mye, men dessverre det ikke har så mye adopsjon ennå. oohEmbed prøver å løse dette problemet ved å bygge oEmbed for mange nettsteder.
For den funksjonen skal virke, må den serverens interaksjon der jeg tror følgende scenario er hvordan det fungerer
Anta at vi har nettstedet humanzz.com og at den gir slik funksjon
Dette innebærer så mye serverens overhead.
Jeg virkelig ønsket å gjøre det ved hjelp Javascript som serverens rolle var bare å omgå "Same Origin Policy" 's restriksjoner.
oohEmbed lar utenom serverens steg for å angi en tilbakeringing parameter til oohEmbed slik at JSON objekt returnert sendes på en tilbakeringingsfunksjon på siden din. Et eksempel som viser dette er som følger
Legg et script tag dynamisk til siden din
<Script type = "text / javascript" src = "http://oohembed.com/oohembed/?url=http%3A//www.amazon.com/Myths-Innovation-Scott-Berkun/dp/0596527055/ & tilbakeringing = mycallback "> </ script>
Dette vil resultere i utføring mycallback (oEmbedJSONObject) som er stor.
Problemet med denne løsningen er at du har fortsatt å ha en reserve for nettsteder som ikke har oEmbed representasjoner.
For de innebygde ting, har jeg brukt auto_html ( https://github.com/dejan/auto_html ) med stor suksess (vimeo, youtube, bilder) og selv lagt Soundcloud meg selv. Men jeg er fortsatt på utkikk etter en "thumbnail" generasjon med et bilde og tekst facebook-aktig.
