Cum sa inserezi un sunet/melodie intr-o pagina
8 August 2010 de Mihail AlinIn acest simplu tutorial veti invata cum sa inserati o melodie intr-o pagina web.Procesul este foarte simplu.
Codul
<EMBED SRC="melodie.wav" WIDTH=200 HEIGHT=30 AUTOSTART=false LOOP=2></EMBED>
La deschiderea paginii o sa vedeti ceva de genul acesta :
Explicatie
Exista cateva formate de fisiere de sunet care
nu au nevoie de un plug-in pentru a putea fi ascultate pe internet,cum ar fi : .mid, .wav, sau .au
Ok, haideti sa incepem cu explicarea codului de mai sus:
Parametrul SRC este directia catre locatia sunetului, in cazul nostru melodia se afla in acelasi loc ca si pagina noastra.
Setam largimea la 200 px si inaltimea la 30 px
Parametrul AUTOSTART indica daca melodia ar trebui sa inceapa atunci cand se termina de incarcat pagina(True) sau atunci cand vizitatorul
apasa pe butonul de Play(false).Recomand ca AUTOSTART sa fie setat pe false, este foarte frustrant cand incepe o melodie sa cante din senin.
Parametrul LOOP permite specificarea unui anumit numar de ori se va repeta sunetul/melodia ( in cazul nostru se repeta de 2 ori ).
NOTA : Daca setati AUTOSTART la true , atunci poate ca doriti ca meniul sa nu se vada , este o simpla solutie, in parametrele width si height
trece 1, asta o sa faca meniul "invizibil"(o sa apara un punct de marimea unui pixel).
Codul o sa arate asa :
<EMBED SRC="melodie.wav" WIDTH=1 HEIGHT=1 AUTOSTART=false LOOP=2></EMBED>
Da si tu un like
Tweet
Daca ti-a fost folositor acest tutorial/articol, poti copia urmatorul cod pe pagina ta
Tutoriale din Categoria HTML & CSS
CSS3 border-radius si -moz-boder-radius - Cum sa faci un simplu web-site pe 3 coloane - Un simplu meniu in CSS si HTML - Centrarea paginii cu CSS - Cum sa inserezi un sunet/melodie intr-o pagina -Tutoriale aleatorii
Meniu Slide-Out cu Jquery, Html si CSS - CSS3 border-radius si -moz-boder-radius - Un simplu meniu in CSS si HTML - Centrarea paginii cu CSS - Table in HTML - Cum sa inserezi un sunet/melodie intr-o pagina - Tutorial Jquery pentru incepatori -
© Copyright 2009 rotuts.com . All rights Reserved . Designed by Mihail Alin. Nu se recomanda IE6 ca browser pentru navigarea acestui website.
Designul acestui web-site este complet optimizat pentru urmatoarele navigatoare | This Web-site design is fully optimized for these browsers : 
Tutoriale indexate: 33 - Articole : 12 - Tools : 4
Comenturi
3 comenturi pana acum... (posteaza si tu)Salut din nou Geko ,
Pentru a realiza ceea ce doresti, dispui de urmatoarele solutii :
- poti sa faci un website in Flash
- poti sa faci un website cu frames ( ca in exemplul de mai jos )
- poti sa faci un website dintr-o pagina, folosind, de exemplu, jquery cu un plug-in precum Coda Slider ( acest lucru iti da posibilitatea sa schimbi continutul website-ului "pagina" cu "pagina" fara sa se faca refresh la pagina insusi, ceea ce iti va da ca rezultat continuitatea melodiei.
Sper ca ti-am fost de ajutor.
Postat de Mihail Alin pe data de: Friday, 04.8.11 @ 14:11pm
Ok GEKO ,
Cu frames merge. Mai jos ai un exemplu :
<!DOCTYPE HTML >
<html>
<head>
<title>"Test pentru Geko"</title>
</head>
<frameset cols="20%,*" border="1px">
<frame src="index2.html" name="leftside">
<frame src="index3.html" name="rightside">
</frameset>
</html>
index2.html contine melodia , index3 contine meniuri etc etc. "cols ="20%,*" " inseamna ca index2 o sa ocupe 20% din pagina iar index3 restul.
Trebuie sa iti spun ca, frames-urile nu sunt bine vazute de motoarele de cautare , ca sa nu mai vorbim de "user frendly" . O sa incerc sa gasesc si alta solutie.
Postat de Mihail Alin pe data de: Friday, 04.8.11 @ 13:45pm
Foarte buna explicatia. Insa eu ma chinui de ceva vreme ca sa pun o piesa ce sa ruleze pe site fara sa se intrerupa cand schimb pagina... Si nu reusesc cu iframe deloc, incarca cu tot cu iframe cand schimb pagina. POate o idee?
Postat de GEKO pe data de: Thursday, 04.7.11 @ 07:49am