![\"\"](\"http:\/\/canaltic.com\/blog\/wp-content\/uploads\/2011\/11\/audioplayer1.jpg\" "\\"Audio")
<\/p>\nLa incorporaci\u00f3n de audio en la entrada de un blog, wiki, moodle, joomla o p\u00e1gina web es una necesidad que surge en m\u00faltiples contextos del \u00e1mbito educativo: grabaci\u00f3n de locuciones, lecturas, entrevistas, debates, noticias, composiciones musicales, interpretaciones instrumentales, etc, etc.<\/p>\n
<\/p>\n
En Internet existe un amplio cat\u00e1logo de reproductores MP3 pensados para integrarse en una p\u00e1gina web. En este art\u00edculo se proponen 3 modelos gratuitos con un nivel de complejidad creciente en cuanto a su configuraci\u00f3n (iniciaci\u00f3n, medio y avanzado):<\/p>\n
La elecci\u00f3n de estas soluciones se ha basado en sus m\u00faltiples e interesantes prestaciones:<\/p>\n
Paso 1. Creaci\u00f3n del audio MP3.<\/strong> Paso 2. Conseguir el reproductor SWF.<\/strong> (*) DewPlayer ofrece en su p\u00e1gina web la descarga de varios modelos de reproductores. Este zip contiene solo uno de ellos (bubble-vol).<\/p>\n Paso 3. Subir los archivos.<\/strong> Para alojar estos 3 archivos en la red caben distintas alternativas:<\/p>\n Sitio web personal<\/a>. Puedes crear una carpeta en tu espacio web personal (audio) y subir a \u00e9l los archivos. Copia la URL de ubicaci\u00f3n de estos archivos. Ejemplo:<\/p>\n SWF: http:\/\/canaltic.com\/audio\/<nombre_reproductor>.swf Google Sites.<\/strong><\/a> Si dispones de cuenta en Google, puedes acceder a Google Sites y crear un sitio y dentro del mismo crear una carpeta con el nombre audio<\/strong>. Sube todos los archivos a la misma y luego haz clic en el enlace \u201cVer<\/strong>\u201d del archivo SWF que acabas de subir. Copia y pega en un bloc de notas la direcci\u00f3n que se muestra en la barra de direcciones del navegador. Es una direcci\u00f3n compleja donde debes eliminar el c\u00f3digo final a partir de \u201c<nombre_reproductor>.swf<\/em>\u201d. Consigue la direcci\u00f3n del resto de archivos subidos sustituyendo simplemente el nombre del archivo en la URL que acabas de obtener. Ejemplo:<\/p>\n SWF: https:\/\/<codigo_alfanumerico>\/site\/<nombre_sitio>\/audio\/<nombre_reproductor>.swf DropBox<\/a>. Si dispones de cuenta en DropBox, crea una carpeta con el nombre audio<\/strong> en Public<\/strong> y dentro de esa carpeta sube los archivos. Desde el explorador de archivos del sistema windows haz clic derecho sobre cada archivo subido para elegir DropBox > Copiar enlace p\u00fablico<\/strong>. Si utilizas el interfaz web de Dropbox, haz clic sobre el archivo y elige Copiar enlace p\u00fablico<\/strong>. Ejemplo:<\/p>\n SWF: http:\/\/dl.dropbox.com\/u\/<numeros>\/audio\/<nombre_reproductor>.swf Paso 4. Generar el c\u00f3digo embed.<\/strong> En el asistente elegido despliega el combo Modelos de configuraci\u00f3n<\/strong> y selecciona una opci\u00f3n. En la secci\u00f3n de Vista previa<\/strong> se mostrar\u00e1 el aspecto que tendr\u00e1 el reproductor con esa configuraci\u00f3n. En los cuadros de texto: URL reproductor SWF<\/strong>, URL audio MP3<\/strong> y URL imagen<\/strong> sustituye las URL locales por las direcciones de estos archivos alojados en tu espacio web. El reproductor WordPress Audio Player es el m\u00e1s sencillo y por ello no utiliza archivo de imagen. Tampoco la utilizan ciertos modelos de DewPlayer y JWPlayer.<\/p>\n Cada modelo de configuraci\u00f3n define ciertos valores para algunos de los par\u00e1metros b\u00e1sicos y avanzados. Cuando hayas elegido un modelo es posible modificar manualmente el valor de todos los par\u00e1metros ofrecidos en el asistente. Para que el c\u00f3digo embed<\/strong> pille los cambios introducidos no olvides al final hacer clic en el enlace \u00abrecargar reproductor<\/strong>\u00ab. Si todo va bien el reproductor se mostrar\u00e1 con la configuraci\u00f3n definida en el apartado\u00a0vista previa<\/strong>.<\/p>\n Si eliges un modelo que utiliza una lista de reproducci\u00f3n , como por ejemplo \u00abDewplayer PlayList …<\/strong>\u00bb o \u00abJWPlayer Lista MP3 …<\/strong>\u00bb entonces es necesario editar con el Bloc de Notas el archivo XML que contiene la lista de reproducci\u00f3n (playlist.zip<\/a>). Una lista de reproducci\u00f3n es un archivo de texto con una sintaxis de etiquetas que contienen las URL de los archivos MP3 e imagen JPG. El reproductor lee esta informaci\u00f3n para cargar las pistas de audio correspondientes.\u00a0 Una vez personalizada la lista XML es necesario subirla a tu espacio web, obtener la URL absoluta de esa lista y en el configurador sustituir el contenido de la casilla \u00abURL de la lista XML\u00bb<\/strong>.<\/p>\n Paso 5. Copiar\/pegar el c\u00f3digo embed<\/strong> <\/p>\n","protected":false},"excerpt":{"rendered":" La incorporaci\u00f3n de audio en la entrada de un blog, wiki, moodle, joomla o p\u00e1gina web es una necesidad que surge en m\u00faltiples contextos del \u00e1mbito educativo: grabaci\u00f3n de locuciones, lecturas, entrevistas, debates, noticias, composiciones musicales, interpretaciones instrumentales, etc, etc. En Internet existe un amplio cat\u00e1logo de reproductores MP3 pensados para integrarse en una p\u00e1gina […]<\/p>\n","protected":false},"author":1,"featured_media":444,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[16,91],"tags":[30,21,27,31],"class_list":["post-386","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-aplicaciones-web","category-multimedia","tag-audio-2","tag-blogs","tag-flash","tag-mp3"],"_links":{"self":[{"href":"https:\/\/canaltic.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/386","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/canaltic.com\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/canaltic.com\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/canaltic.com\/blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/canaltic.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=386"}],"version-history":[{"count":56,"href":"https:\/\/canaltic.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/386\/revisions"}],"predecessor-version":[{"id":2852,"href":"https:\/\/canaltic.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/386\/revisions\/2852"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/canaltic.com\/blog\/index.php?rest_route=\/wp\/v2\/media\/444"}],"wp:attachment":[{"href":"https:\/\/canaltic.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=386"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/canaltic.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=386"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/canaltic.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=386"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
\nElabora uno o varios MP3 utilizando un programa de grabaci\u00f3n y edici\u00f3n de audio como por ejemplo Audacity<\/a>. Otra posibilidad es descargarlos del Banco multimedia del ITE-MEC<\/a>. Para experimentar puedes utilizar el audio MP3 que se proporciona en este archivo: paraelisa.zip<\/a><\/p>\n
\nPara conseguir el archivo SWF del reproductor puedes descargar desde aqu\u00ed la versi\u00f3n indicada o bien visitar la p\u00e1gina web oficial de cada uno para comprobar si es posible obtener una versi\u00f3n m\u00e1s actual.<\/p>\n\n
\nEs necesario subir a tu sitio web: el reproductor SWF, el audio MP3 y la imagen JPG asociada al audio. Si has decidido experimentar con el audio MP3 ofrecido anteriormente entonces puedes utilizar la imagen que se proporciona en este archivo: beethoven.zip<\/a><\/p>\n
\nMP3: http:\/\/canaltic.com\/audio\/<nombre_audio>.mp3
\nJPG: http:\/\/canaltic.com\/audio\/<nombre_imagen>.jpg<\/p><\/blockquote>\n
\nMP3: https:\/\/<codigo_alfanumerico>\/site\/<nombre_sitio>\/audio\/<nombre_audio>.mp3
\nJPG: https:\/\/<codigo_alfanumerico>\/site\/<nombre_sitio>\/audio\/<nombre_imagen>.jpg<\/p><\/blockquote>\n
\nMP3: http:\/\/dl.dropbox.com\/u\/<numeros>\/audio\/<nombre_audio>.mp3
\nJPG: http:\/\/dl.dropbox.com\/u\/<numeros>\/audio\/<nombre_imagen>.jpg<\/p><\/blockquote>\n
\nEn canalTIC.com<\/a> se ha dise\u00f1ado un asistente que facilita la generaci\u00f3n del c\u00f3digo embed para la integraci\u00f3n de cada uno de estos reproductores:<\/p>\n\n
\nSelecciona el c\u00f3digo embed que te proporciona el configurador para luego copiarlo y pegarlo en el c\u00f3digo HTML de tu p\u00e1gina web.<\/p>\n![\"\"](\"http:\/\/canaltic.com\/blog\/wp-content\/uploads\/2011\/11\/audioplayer2.jpg\" "\\"Audio")
<\/p>\nDescarga<\/h2>\n
\n
M\u00e1s informaci\u00f3n<\/h2>\n
\n