longPressRecording

功能描述

仿微信发送语音效果，按下向上滑动动录音图标可取消，用例见 longPressRecording.html

依赖的插件

./libs/longPressRecording.css
./libs/longPressRecording.js

快速使用

引入插件文件

<link rel="stylesheet" type="text/css" href="./libs/longPressRecording.css"/>
<script src="./libs/longPressRecording.js" type="text/javascript" charset="utf-8"></script>

使用以下DOM将会自动绑定长按事件

<div class="btn">
    <input type="button" id="bt_recoding" value="按住 说话">
</div>

<div class="blackBoxSpeak">
    <p class="blackBoxSpeakConent">手指上划，取消发送</p>
</div>

<div class="blackBoxPause">
    <p class="blackBoxPauseContent" style="background: red">松开手指， 取消发送</p>
</div>
是否仍需要帮助？ 请保持联络！
最后更新于 2024/11/18