reactjs - Changing src attribute for an audio element doesn't work -

-

changing src attribute audio element doesn't work:

var audio = react.createclass({     render : function() {         return (             <audio src={this.props.data.songurl}/>         );     }    });  var music = react.createclass({     render : function() {         return (             <article classname="music">                 <article classname="musiccontent">                     <musicbutton data={data} />                     <list />                     <footer />                 </article>             </article>         );     } });  var musicbutton = react.createclass({     getinitialstate : function() {         return {             isplay : true,             count : 0         }     },     musicplay : function () {         var audio = react.finddomnode(this.refs.audio);         if(this.state.isplay) {             audio.play();             this.setstate({isplay: false});         } else {             audio.pause();             this.setstate({isplay: true});         }     },     getbackwardmusic : function() {         this.setstate({count: ++this.state.count});         var audio = react.finddomnode(this.refs.audio);         audio.play();     },     getforwardmusic : function() {         this.setstate({count: --this.state.count});         var audio = react.finddomnode(this.refs.audio);         audio.play();     },      render : function() {         var classstring = 'iconmusic icon-pause';         if(this.state.isplay) {             classstring = 'iconmusic icon-pause';         } else {             classstring += ' rotate';         }          return (             <header classname="musicheader">                 <audio ref="audio" data={this.props.data[this.state.count]} />                 <span onclick={this.getbackwardmusic} classname="iconmusic icon-backward"></span>                 <span onclick={this.musicplay} classname={classstring}></span>                 <span onclick={this.getforwardmusic} classname="iconmusic icon-forward"></span>             </header>         );     } });

after changing source of audio need .load() first, before play() plays new source. may use .oncanplaythroug = .play()


Comments

Post a Comment

Popular posts from this blog

Android : Making Listview full screen -

-
<linearlayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" tools:context=".mainactivity"> <edittext android:layout_margintop="5dp" android:layout_width="match_parent" android:layout_height="50dp" android:background="@drawable/location_edittext" android:id="@+id/locationeditext" android:textsize="15sp" android:textcolor="#999" android:paddingleft="15dp" /> <com.example.ravi_gupta.slider.viewpagercustomduration android:layout_width="wrap_content" android:layout_height="0dp" android:id="@+id/viewpager" android:scrollbarstyle="outsideoverlay" android:layout_weight="0.5...
Read more

javascript - Parse JSON from the body of the POST -

-
i'm using cameratag.com record video on website. service can send json response server can save data database. don't know how proceed here: the documentation states please note json repsonse passed in body of post , not form parameters. here example of how parse response in ruby: data = json.parse(request.raw_post) video_uuid = data["uuid"] but don't know how data on javascript. i'm not experienced in js please bare me :) post sample: { "uuid": "00012710-4b65-0131-ffe6-22000a499ea4", "camera_uuid": "98373a20-79ee-0130-3e42-1231390fcc11", "created_at": "2013-12-20t05:25:02.000z", "percent_complete": 100, "short_code": "kktb4q", "metadata": { }, "state": "published", "recorded_from": "http://singwho.com", "publish_type": null, "formats": [ { "name...
Read more