diff --git a/src/main.jsx b/src/main.jsx
index 8169dd5..b1368da 100644
--- a/src/main.jsx
+++ b/src/main.jsx
@@ -11,7 +11,7 @@ var PictureChoiceElement = React.createClass({
         } else if (elt.type == "picture") {
             return <div><img src={elt.url}/></div>;
         } else if (elt.type == "audio") {
-            return <div className="btn btn-default"><i className="fa fa-play"></i>&nbsp; (audio)</div>;
+            return <audio id="promptAudio" preload="auto" controls src={elt.url}></audio>
         } else {
             return <div/>;
         }
@@ -177,7 +177,7 @@ function transform1(resource_json) {
             } else if (_side.fqn == "{http://wikiotics.org/ns/2009/picture}picture") {
                 sides.push({type: "picture", url: resolve_urn(_href) + "?view=image&max_size=250,250"});
             } else if (_side.fqn == "{http://wikiotics.org/ns/2010/audio}audio") {
-                sides.push({type: "audio", url: ""});
+                sides.push({type: "audio", url: resolve_urn(_href) + "?view=audio"});
             } else {
                 sides.push({type: "unknown"});
             }