Home-theater-designers
Hvis du vil have, at dit websteds besøgende skal nyde en MP3 -fil, er en af de letteste måder at gøre dette på at integrere den på siden. Med en integreret MP3 -afspiller behøver besøgende ikke direkte at downloade lyden eller bruge yderligere software, fordi den afspilles inline.
Vi vil detaljerede forskellige metoder, som du kan bruge til at integrere en MP3 på dit websted, herunder brug af HTML5 og Google Drev.
1. Integrer en MP3 på dit websted med HTML5
Hvis du er tryg ved at redigere koden på dit websted, er en af de nemmeste måder at integrere en MP3 -fil ved at bruge HTML5.
HTML5 tag kan forekomme grundlæggende ved første øjekast, men det er kraftfuldt, da det er kompatibelt med alle større desktop- og mobilbrowsere.
Brug denne kode til at integrere en MP3 med HTML5:
Your browser does not support the audio tag.Bare udskift MP3 URL HER med din uploadede lydfil. Dette kan ikke være en fil, der er gemt på din computer; det skal være tilgængeligt online.
hvordan man justerer lysstyrken på Windows 10 desktop
Denne kode placerer en lille lydafspiller på siden, hvorfra brugeren kan afspille, pause, skrubbe og justere lydstyrken. Sådan ser det ud på Firefox:
Denne kode indeholder også en meddelelse, der vises i stedet for medieafspilleren, i den usandsynlige omstændighed, at brugerens browser ikke understøtter afspilleren.
Du kan anvende attributter som f.eks automatisk afspilning og sløjfe , ligesom:
Your browser does not support the audio tag.Husk, at de fleste browsere ikke understøtter autoplay, fordi det betragtes som dårlig praksis for automatisk at tvinge lyd til brugere.
Grundlæggende tilpasning kan anvendes på lydafspillerblokken via CSS, som f.eks grænse og polstring . Du skal dog bruge JavaScript til at style selve afspilleren korrekt, så den er konsekvent på tværs af browsere.
Flere oplysninger om HTML5 -lydafspillerattributter og tilpasning findes på MDN Web Docs .
hvad betyder emoji i sms
Relaterede: Seje HTML -effekter, som alle kan tilføje til deres websteder
2. Integrer en MP3 på dit websted med Google Drev
Google Drev er en fremragende og gratis cloud storage -udbyder . Du kan bruge den til at uploade din MP3 -fil og oprette en lydafspiller.
Med MP3 uploadet til Google Drev:
- Højreklik filen, og klik på Få link .
- Rediger tilgængelighedsbegrænsningen til Enhver med linket .
- Klik til sidst Kopier link .
Dette giver dig en URL, der ligner denne:
https://drive.google.com/file/d/123/view?usp=sharingErstatte se? usp = deling med forhåndsvisning , ligesom:
https://drive.google.com/file/d/123/previewBrug derefter en Du kan justere, tilføje til eller fjerne attributterne (f.eks ramme og bredde ) efter behov. Dette vil integrere MP3 på dit websted ved hjælp af Google Drive -afspilleren. Brugere kan afspille, skrubbe og justere lydstyrken, ligesom med HTML5 -afspilleren. Sådan ser det ud: Den største forskel er tilstedeværelsen af en pop ud knap. Dette åbner MP3 på Google Drev, hvor brugere kan tilføje kommentarer, dele filen og mere. Hvis du bruger et indholdsstyringssystem (CMS) til dit websted, kan du sandsynligvis stadig bruge metoderne ovenfor. Når det er sagt, er du måske ikke fortrolig med at redigere HTML -kode. Enhver god CMS lader dig nemt tilføje lyd til dit websted via dets interface. For eksempel på WordPress skal du simpelthen tilføj en blok , Vælg Lyd , og derefter enten Upload MP3, vælg den fra din Mediebibliotek , eller Indsæt fra URL . Uanset om du bruger Google Sites, ExpressionEngine eller en service som Squarespace, vil processen med at tilføje lyd være lidt anderledes, så sørg for at konsultere virksomhedens hjælpedokumentation for at få fuld vejledning. Ved hjælp af en af de ovennævnte metoder vil dine webstedsbesøgere nu let kunne lytte til MP3 -filer via en medieafspiller. Når det er sagt, behøver du ikke altid at bruge MP3 -filer. Der er mange andre almindelige lydformater, som WAV og FLAC, som du ligeledes kan spille inline på dit websted. Du kender til MP3, men hvad med AAC, FLAC, OGG eller WMA? Hvorfor findes der så mange lydfilformater, og er der det bedste lydformat? Joe blev født med et tastatur i hænderne og begyndte straks at skrive om teknologi. Han har en BA (Hons) i Business og er nu freelance skribent på fuld tid, der nyder at gøre teknologien enkel for alle. Tilmeld dig vores nyhedsbrev for at få tekniske tips, anmeldelser, gratis e -bøger og eksklusive tilbud!3. Integrer en MP3 på dit websted med et CMS
hvordan man hacker et sim -kort til gratis service
Lad dine besøgende lytte til MP3'er med lethed
Om forfatteren Joe Keeley(652 artikler udgivet) Abonner på vores nyhedsbrev