Tecnología

Inicio

Cómo crear una página web Flash 8 Con reproductor de música

Cómo crear una página web Flash 8 Con reproductor de música


Flash 8 tiene muchas características del sitio web y los medios de comunicación para ayudar a los usuarios a crear sitios web dinámicos. Uno de los elementos que se pueden crear en Flash 8 es un reproductor de música. La creación de cualquier página web en Flash 8 requiere una atención al detalle y algunos conocimientos de Flash.

Instrucciones

1 Haga clic en el icono del escritorio de Flash 8 o Flash abierto de la lista de programas en el menú "Inicio". Haga clic en la ficha "Archivo" y seleccionar "Nuevo". Introduzca la información para el reproductor de música. El tamaño de página debe ser de 300 píxeles por 70 píxeles.

2 Haga clic en "Window" y seleccione "Componentes". Haga clic y arrastre "Medios de visualización" y "Media Controller" en la biblioteca. Haga clic en el primer cuadro y seleccione "Acciones".

Copiar y pegar o escribir el código en la ventana de acciones:

función init () {

flagNum = 1;

p3Num = 0;

attachController ();

};

functionattachController () {

_root.attachMovie ( "MediaDisplay", "mp3Container" + flagNum, 2);

con (_root [ "mp3Container" + flagNum]) {

_x = 250;

_y = 0;

setMedia (myArray [mp3Num], "MP3");

}

_root.attachMovie ( "MediaController", "mp3Controller" + flagNum, 1);

con (_root [ "mp3Controller" + flagNum]) {

_x = 0;

_y = 0;

activePlayControl = false;

controllerPolicy = "on";

associateDisplay (_root [ "mp3Container" + flagNum]);

};

};

functionplayNext () {

_root [ "mp3Controller" + flagNum] .removeMovieClip ();

_root [ "mp3Container" + flagNum] .removeMovieClip ();

flagNum + = 1;

mp3Num + = 1;

si (== mp3Num mp3Total) mp3Num = 0;

attachController ();

_root [ "mp3Container" + flagNum] .addEventListener ( "completo", myListener);

};

3 Haga clic en la línea de tiempo y seleccione "Agregar nueva capa." Haga clic en esa capa y agregue el código siguiente:

detener();

varmyArray = newArray ();

varmp3Total: Número;

varmyXml = newXML ();

myXml.ignoreWhite = true;

myXml.load ( "mp3list.xml");

myXml.onLoad = function ()

{

Vare = myXml.firstChild.childNodes;

mp3Total = e.length;

para (vari = 0; i <mp3Total; i ++)

{

myArray.push (e [i] .attributes [ "título"]);

}

en eso();

_root [ "mp3Container" + flagNum] .addEventListener ( "completo", myListener);

};

varmyListener = newObject ();

myListener.complete = function (eventObject) {

playNext ();

};

Guarde el archivo como musicplayer.swf.

4 Crear una lista de reproducción. Iniciar un nuevo proyecto y establecer el proyecto como un archivo XML. Introducir el código siguiente en el documento, en sustitución de "mymusic.mp3" y "mymusic2.mp3" con los títulos de los archivos de música:

<? XMLVersion = "1.0" encoding = "UTF-8"?>

<Mp3Lists>

<TítuloElemento = "mymusic.mp3" />

<TítuloElemento = "mymusic2.mp3" />

</ Mp3Lists>

Guarde el archivo como mylist.xml.

5 Crear la página Web. Abrir un nuevo documento. Entrada de la configuración de su sitio web. Seleccione el color de fondo y la velocidad de fotogramas. La velocidad de fotogramas más común es de 15 a 30 fotogramas por segundo. La mayoría de los sitios web son 1.024 píxeles por 768 píxeles.

6 Romper su sitio web en capas. Haga clic derecho en la línea de tiempo en la parte superior y seleccione "Agregar nueva capa." Puede etiquetar las capas "de fondo", "botones", "texto", "Imágenes", "Reproductor de música" y así sucesivamente. Las capas le ayudará a mantener el sitio organizado.

7 Haga clic en la capa que desea editar. Importar las imágenes u otros medios, abra el menú "Archivo" y seleccionando la opción "Importar". Seleccione la opción "Importar a biblioteca" y navegar por los archivos en el ordenador. Haga clic en los archivos que desea importar y haga clic en "Importar". Asegúrese de importar "musicplayer.swf", "mylist.xml" y todos los archivos de música que figuran en el documento XML.

8 Haga clic en el archivo que desea colocar en la página desde el panel de la biblioteca. Arrastrar y soltar el archivo en la página. La herramienta Transformación libre le permitirá editar el tamaño y la forma de la lima. Dibujar un cuadro de texto en la página Web en cualquier lugar que desea que aparezca el texto y el tipo de texto. Las fuentes y los tamaños se pueden editar con la barra de herramientas de texto.

9 Crea tu navegación y botones. Haga clic en la capa con el botón y haga clic en "Insertar". Seleccione la opción "Botón". Elige tu estilo y haga clic en el botón "OK". La ventana de ActionScript se abrirá. Escribir el nombre del botón y la acción del botón hará que cuando se hace clic.

10 Guardar la página Web como SWF, HTML o Java. Cargar todos los archivos a su sitio a su servidor a través del sitio FTP o un cargador de FTP.