Podcast en javascript y ajax?

[hackcrack]

Hola, es posible terner una lista de nombres (de lo que sea) y que al hacer click en cada nombre se reprodusca una "x" mp3 y que al estar reproduciendose se modifique una imagen con ajax?

[maycolalvarez]

no puedes modificar imágenes con ajax, ajax simplemente se usa para hacer peticiones http sin recargar la página, si lo que quieres es cambiar una imagen, al cambiar el atributo src del tag <img> se hace la petición automáticamente mostrando dicha imágen, no hace falta ajax para eso.

si deseas aplicar cambios a una imagen desde js. podrias usar HTML5 canvas o SVG

[hackcrack]

Claro pero yo lo que pensaba era tener una imagen de un cd parado, y cuando empieze el mp3 la imagen cambie por un cd en movimiento. Y como ajax se utiliza para modificara la web en tiempo real pensaba usarlo.

[zerokilled]

buenas,
siguiendo con lo que menciona @maycol. ajax, además de enviar peticiones http en el trasfondo también te trae datos (en la mayoría de los casos) como respuesta. pero pedir una imagen en forma de contenido por ajax no tiene mucho sentido. porque en última lo que estas recibiendo es contenido binario. lo que si es válido es pedirle al servidor la ruta de una imagen (asumiendo que su localización es variable) y luego al procesar la petición tomar la ruta y hacer los cambios en los elementos pertinentes. por ejemplo, en la petición podrías enviar un id distintivo de una pista y en la respuesta recibes un json con toda la información respecto a esa pista: nombre, duración, género, artistas, imagen, etc. entiendase que cada uno de estos datos son textos legibles para javascript, no son binarios. como ves, aunque la estructura es la misma, el contenido es variable.

sin embargo, para lo que tu quieres hacer me parece innecesario el uso de ajax. pues a mi entender, la imagen del disco en movimiento siempre será la misma imagen. por tanto, habrá dos posibles estados: movimiento o quieto... y las URLs de las imagenes siempre van a ser las mismas. ajax tampoco haría sentido para controlar ambos estados. lo que debes hacer es determinar en que estado se encuentra el reproductor y luego decidir de que forma presentar la imagen. supongo que el reproductor tenga alguna propiedad que indique si esta en reproducción o detenido. entonces debes dejarte llevar por esas propiedades.

pd: ajax en si no se utiliza para modificar el contenido, sino solo para realizar peticiones http. lo que tu quieras hacer luego de ahí es otro tema.

[hackcrack]

Tienes toda la razon, es medio estupido utilizarlo, se haria con simple javascript, comprobar el estado y modificar con javascript ese elemento.

Ahora volviendo al tema principal que seria el podcast, hay algun reproductor que te permita reproducir mp3 pero que este no tenga ningun diseño, tipo tener que poner un tag al enlace del mp3 como por ejemplo:

<a href="url de mi mp3" rel="reproduce">titulo del mp3</a>

y al hacerle click reprodusca dicho mp3 en el navegador?

[zerokilled]

no estoy al tanto de todas las posibilidades y consideraciones a tomar. pero por ejemplo, en html5 puedes hacer un reproductor (creo que sin diseño). no obstante, he leido que dependiendo del navegador, puedes o no puedes reproducir un formato en particular (por temas de legalidad). otra opción es un flashplayer que provea alguna API para manejar el reproductor. no conozco alguno en particular donde tu puedas crear la intefaz, digamos, en html y javascript. pero de haberlo, seguro debe haberlo. es cuestión de buscar o que alguien haga mención de alguno.

[hackcrack]

Encontre el jPlayer que es perfecto para lo que necesito, trabaja en html5 y javascript :)