jsbox 设置一个音乐的播放速度

jsbox lite

$ui.render({
    views: [
        {
            type: "web",
            props: {
                html: "<audio id='audio' controls='controls'"
                    + " src='https://m7.music.126.net/20180304180749/3bcce8d6922c2a9539bd406eda21e0af/ymusic/87b2/b6b6/2862/25c7104cecb596141c14328f7f949e05.mp3'></audio>"
            },
            events: {
                setPlayRate: function (object) {
                    // object = {"key": "value"}
                    var audio = document.getElementById("audio");
                    audio.playbackRate = object.rate;
                }
            },
            layout: function (make,views) {
                make.height.equalTo(100)
                make.width.equalTo(views.width)
            }
        }
        ,
        {
            type: "button",
            props: {
                title: "X2倍速"
            },
            events: {
                tapped: function (sender) {
                    var webView = $("webView")
                    webView.notify("setPlayRate", { "rate": 2 })
                }
            },
            layout: function (make) {
                make.height.equalTo(100)
                make.width.equalTo(100)
                make.left.equalTo(0)
                make.top.equalTo(120)
            }
        }
        ,
        {
            type: "button",
            props: {
                title: "X1.25倍速"
            },
            events: {
                tapped: function (sender) {
                    var webView = $("webView")
                    webView.notify("setPlayRate", { "rate": 1.25 })
                }
            },
            layout: function (make) {
                make.height.equalTo(100)
                make.width.equalTo(100)
                make.left.equalTo(120)
                make.top.equalTo(120)
            }
        }
        ,
        {
            type: "button",
            props: {
                title: "X1.5倍速"
            },
            events: {
                tapped: function (sender) {
                    var webView = $("webView")
                    webView.notify("setPlayRate", { "rate": 1.5 })
                }
            },
            layout: function (make) {
                make.height.equalTo(100)
                make.width.equalTo(100)
                make.left.equalTo(240)
                make.top.equalTo(120)
            }
        }
        ,
        {
            type: "button",
            props: {
                title: "X1倍速"
            },
            events: {
                tapped: function (sender) {
                    var webView = $("webView")
                    webView.notify("setPlayRate", { "rate": 1 })
                }
            },
            layout: function (make) {
                make.height.equalTo(100)
                make.width.equalTo(100)
                make.left.equalTo(360)
                make.top.equalTo(120)
            }
        }
    ]
})