音訊進度條設定

2021-08-10 15:46:53 字數 1994 閱讀 1465

/****/

$('.lis').click(function())

}else) }}

});/**

* 可應用於倒計時

* 該函式求我們已知秒數求小時,分鐘,秒的具體時間,

* h---小時

* m---分鐘

* s---秒數

* 如果h,m,s小於10,顯示的樣式為 01

* 如果計算沒有小時,那麼將不顯示小時

* @param val

*/function getshowtime(val)else

}//控制音訊函式

function loadedmetadata(medias,duration)else

});/**

* 音訊滑動條

*///獲取進度條總寬度

var totallen = $('#sliderinner').width();

var $slidertrack = $('#slidertrack'),

$sliderhandler = $('#sliderhandler'),

percent,

dist,

startleft = 0,

startx = 0;

$sliderhandler.on('touchstart', function (e) ).on('touchmove', function(e)).on('touchend',function(e))

medias.addeventlistener("timeupdate",updatedata,true);

function updatedata()

}}

/*進度條*/

.weui-slider

.weui-slider__handler

}span

.v_timesstart

.v_timesend

}

00:00

00:00

.detailcont

.oldxiti

}.teacher_remark

.teacher_textarea

.weui-uploader__files}}

.weui-uploader

p.weui-uploader__input-box::before

.weui-uploader__input-box::after

}.lis

.em1

.em2

.em3

.span1

.span2

}.lis:before

.lis.cur

.em3

}.voicecont

}.voicebefore

/*-錄音中class-*/

.voiceing}}

.voiceing.cur}}

/*-錄音結束-*/

.voiceend}}

/*-錄音上傳完成-*/

.voiceready

.voiceplaying

.v_text

.voicelocalready

.voiceli

}.weui-cells

}.weui-cells::before

.weui-btn

/*取消按鈕*/

.weui-icon-cancel

.weui-icon-cancel:before

/*關閉按鈕*/

.close

/*進度條*/

.weui-slider

.weui-slider__handler

}span

.v_timesstart

.v_timesend

}}

iOS實現音訊進度條效果

這篇文章主要介紹了ios實現音訊進度條效果,本文寫了乙個小demo通過例項 相結合的形式給大家詳細介紹,需要的朋友可以參考下 話不多說先上效果圖 看到這個效果的時候我感覺相對比較難的點有兩點 一 是這個進度條的進度顏色變化,這裡思路還是比較清晰的,直接用layer的mask來做就可以。二 第二點就是...

Devexpress 進度條面板設定

devexpress 控制項中,進度條控制項為 progressbarcontrol,在資料型控制項中進度條為 repositoryitemprogressbar.樣式或者 進度控制項 的預設顏色是無法直接更改的 因為顯示的優先是樣式和 只有設定不使用預設主題就可以進行改變了 progressbar...

android 進度條設定顯示格式

自定義顯示格式 progressdialog.setprogressnumberformat 1d kb 2d kb 當前進度填入 1d位置,總數填入 2d。這個方法是自動填充的,只要在初始化時,加上這一句,呼叫progressdialog.setmax int 後會自動將總數填入 2d.同理,呼叫...