iviewtable表格数据录音播放下载

播放下载：

{

title: '通话录音',

align: 'center',

key: 'recordUrl',

render: (h, params) => {

if (params.row.recordUrl.substr(-3) == 'wav') {

return h('div', {

style: {

}

}, [

h('audio', {

style: {

textAlign: 'center',

padding: '4px',

width: '100px'

attrs: {

src: 'http://ai.foxcall.cn' + params.row.recordUrl,

id: params.row.id,

'data-flag': true

}

}, params.row.recordUrl),

h('i', {

style: {

'font-style': 'normal',

'color': '#2d8cf0',

'cursor': 'pointer'

on: {

click: () => {

this.play(params)

}

}, '播放'),

h('a', {

'style': {

margin: '0 4px',

'color': '#2d8cf0',

'cursor': 'pointer',

'margin': '0 2px'

attrs: {

href: 'http://ai.foxcall.cn' + params.row.recordUrl

}

}, '下载')

])

} else {

return h('div', [

h('Tooltip', {

props: { placement: 'bottom' }

}, [

h('span', {

style: {

display: 'inline-block',

width: params.column._width * 0.9 + 'px',

textOverflow: 'ellipsis',

overflow: 'hidden',

whiteSpace: 'nowrap',

zIndex: 99

}

}, params.row.recordUrl),

h('span', {

slot: 'content',

style: { whiteSpace: 'normal', wordBreak: 'break-all' }

}, params.row.recordUrl)

])

}

播放：

play (value) {

let id = value.row.id

let i = document.getElementById(id).nextElementSibling

let au = document.getElementById(id)

let end_time = au.duration

if (au.dataset.flag == 'true') {

au.play()

i.textContent = '暂停'

i.style.cssText = 'color:red;font-style:normal;cursor:pointer'

au.dataset.flag = false

} else {

au.pause()

i.textContent = '播放'

i.style.cssText = 'color:#2d8cf0;font-style:normal;cursor:pointer'

au.dataset.flag = true

}

var count_interval = setInterval(function () {

if (au.currentTime == end_time) {

i.textContent = '播放'

i.style.cssText = 'color:#2d8cf0;font-style:normal;cursor:pointer'

au.dataset.flag = true

clearInterval(count_interval)

}

}, 1000)

转载于:https://www.cnblogs.com/yangslin/p/11308022.html

iviewtable表格数据录音播放下载相关推荐

从浏览器下载表格数据为Excel的两种实现方法
一.使用说明实际开发运用过程中,往往需要将页面上的一些表格数据生成Excel供用户下载使用,根据不同的需求,此处整理了两种方式:(两种方式浏览器都可直接提示下载或保存文件) 方式一: 1.需求: 生 ...
vue下载excel表格模板和导入excel表格数据
vue下载excel表格模板和导入excel表格数据 vue制作excel表格模板给前端下载 vue制作excel表格模板给前端下载最近有个需求,需要导入excel表格,并且还需要制作模板给用户下载 ...
【JavaScript】亚马逊下载ABA表格数据，30秒完成
一个平平无奇下载ABA表格数据的小技巧完整代码: 将第一行的 css-1o325lx 替换成你的任意一个关键词的class var rows = document.querySelectorAll( ...
页面表格数据下载到Excel的超实用方法
Excited!当然知道的童鞋不会像我一样兴奋了,今天有个需求是让我把页面表格数据下载到本地Excel,因为application是用springBoot搭建的,我起初想着把table数据submit ...
RPA手把手——项目需求客户要求把表格数据下载时，备份到数据库
艺赛旗 RPA9.0全新首发免费下载点击下载 http://www.i-search.com.cn/index.html?from=line1 项目需求客户要求把表格数据下载时,备份到数据库三个步 ...
android录音播放并上传
最近研究了下录音上传,各位有需要可参考下,如有不妥欢迎指出 <pre name="code" class="html">package com.ki ...
vb用数组方式快速导出MSFlexGrid表格数据到Excel表格中
本来从MSFlexGrid或MSHFlexGrid导出数据到Excel中,是一个非常简单的问题,但论坛里还是经常有人问如何导出,有的虽然知道用单元格赋值方式循环导出,但速度太慢,因此写了一个通用的数据 ...
表格数据深度学习框架-DeepTables
DeepTables:用于表格数据的深度学习工具包简介 MLP(也称为全连接神经网络)已被证明在学习分布表示方面效率低下. 事实证明,感知器层的"Add"操作在探索乘法特征交互时 ...
录音播放系统(实现pcm转码mp3,wav)
本文介绍了基于waveX低级音频API采集音频,然后播放的技术,也支持实时的播放.对于将录音和播放分开的做法原因是为了保存pcm文件(未经压缩过的音频文件), 然后转码wav和mp3格式. PCM(P ...

iviewtable表格数据录音播放下载

iviewtable表格数据录音播放下载相关推荐

最新文章

热门文章

iviewtable表格数据 录音播放下载

iviewtable表格数据 录音播放下载相关推荐

最新文章

热门文章

iviewtable表格数据录音播放下载

iviewtable表格数据录音播放下载相关推荐