<template>
<view class="content">
<view class="record-content">
<view class="luyin">
<view class="luyin-title">
<view></view>
<view class="luyin-title-size" @click="bofang">我的语音</view>
<view class="luyin-title-time">
<view class="luyin-time-One">{
{
jishifen}}:{
{
jishimiao}}</view>
<view class="luyin-time-Two">/01:00</view>
</view>
</view>
<view class="luyin-content">
<view @touchstart="luyin" @touchend="jishiqijieshu">
<image src="../../static/logo.png" class="recording-img"></image>
</view>
<view class="recording-size">{
{
wenzi}}</view>
</view>
<!-- <button @touchstart="luyin" @touchend="luyinjieshu">录音</button> -->
<!-- <button @click="bofang">播放录音</button> -->
</view>
</view>
<!-- 录音内容 -->
</view>
</template>
<script>
const recorderManager = uni.getRecorderManager();
const innerAudioContext = uni.createInnerAudioContext();
export default {
components: {
},
data() {
return {
searchVal: '',
voicePath: '',
jishifen: '00',
jishimiao: '00',
vue书写录音代码
最新推荐文章于 2024-08-29 11:58:20 发布
本文介绍了如何在Vue项目中实现录音功能,特别提醒,为了获得最佳测试体验,建议使用微信小程序进行,因为普通浏览器可能存在兼容性问题。
摘要由CSDN通过智能技术生成