gganli/application/admin/view/party/music/add.html

<form id="add-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">

    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Name')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-name" data-rule="required" class="form-control" name="row[name]" type="text">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Music')}:</label>
        <div class="col-xs-12 col-sm-8">
            <div class="input-group">
                <input id="c-music" data-rule="required" class="form-control" size="50" name="row[music]" type="text">
                <div class="input-group-addon no-border no-padding">
                    <span><button type="button" id="faupload-music" class="btn btn-danger faupload" data-input-id="c-music" data-mimetype="mp3,wav,midi,cda,mp3pro,wma,mp4" data-maxsize=”100M” data-multiple="false" data-preview-id="p-music"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
                    <span><button type="button" id="fachoose-music" class="btn btn-primary fachoose" data-input-id="c-music" data-mimetype="mp3/*" data-multiple="false"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
                </div>
                <span class="msg-box n-right" for="c-music"></span>
            </div>
<!--            <video id="au-music" controls="controls" >-->
<!--                <source src="" >-->
<!--                Your browser does not support HTML5 video.-->
<!--            </video>-->

            <!--            <ul class="row list-inline faupload-preview" id="p-music"></ul>-->
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Time')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-times" data-rule="required" class="form-control"  name="row[times]" type="text" value="0">
<!--            <span onclick="gettime()" style="padding-top:10px;cursor:pointer">点击获取音乐时长</span>-->
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Weight')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-weight" class="form-control" name="row[weight]" type="number" value="0">
        </div>
    </div>
    <div class="form-group layer-footer">
        <label class="control-label col-xs-12 col-sm-2"></label>
        <div class="col-xs-12 col-sm-8">
            <button type="submit" class="btn btn-success btn-embossed disabled">{:__('OK')}</button>
            <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
        </div>
    </div>
</form>

<script src="/assets/js/svga.min.js" ></script>
<script>
    function gettime() {
        myVid=document.getElementById("au-music");
        if(myVid.duration > 0) {
            var min = parseInt(myVid.duration/60);
            var sec = parseInt(myVid.duration - min*60);
            $("#c-times").val(min+":"+sec);
        }
    }
</script>