DDR爱好者之家 Design By 杰米
看看效果叭
解压的文件
上传的文件格式
测试1|||测试1的文字
测试2|||测试2的文字
测试3|||测试3的文字
测试4|||测试4的文字
测试5|||测试5的文字
实现的逻辑如下
- 上传文件
- 解析txt
- 发送内容至百度语音合成
- 生成文件夹放置本次合成的mp3文件,并压缩成zip
- 发送zip的地址给前端
使用了 element-ui 的 el-upload 组件
<el-upload v-loading="loading" class="upload-demo" drag ref="upload" action="#" accept=".txt" :before-upload="onBeforeUploadImage" :http-request="UploadImage" :on-change="fileChange" :file-list="fileList" > <i class="el-icon-upload"></i> <div class="el-upload__text"> 将文件拖到此处,或 <em>点击上传</em> </div> <div class="el-upload__tip" slot="tip">只能上传txt文件,且不超过1M</div> </el-upload>
在上传之前判断上传的文件是否符合要求
onBeforeUploadImage(file) { const isTxt = file.type === "text/plain"; const isLt1M = file.size / 1024 / 1024 < 1; if (!isTxt) { this.$message.error("上传文件只能是txt格式!"); } if (!isLt1M) { this.$message.error("上传文件大小不能超过 1MB!"); } return isTxt && isLt1M; }
一次只上传一个文件,在文件列表更新时先清除之前的文件
fileChange(file) { let obj = this.onBeforeUploadImage(file.raw); if (obj) { this.$refs.upload.clearFiles(); this.fileList = [{ name: file.name, url: file.url }]; } }
上传的主要函数
UploadImage(param) { this.loading = true; const formData = new FormData(); formData.append("file", param.file); this.$axios({ url: process.env.VUE_APP_BASE_API + "api/txtToMp3", method: "post", data: formData }) .then(response => { if (response.data.code == 0) { this.loading = false; this.dialogVisible = true; this.url = response.data.data.url; } }) .catch(error => { console.log(error); }); }
node代码
用到的依赖项
const formidable = require("formidable"); //获取上传的txt,并保存 const path = require("path"); const AipSpeech = require("baidu-aip-sdk").speech; //百度语音合成sdk const fs = require("fs"); const compressing = require("compressing"); //压缩文件夹用
接口代码
router.post("/txtToMp3", async function (req, res, next) { let form = new formidable.IncomingForm(); form.encoding = "utf-8"; //编码 form.uploadDir = path.join(__dirname + "/../txt"); //保存上传文件地址 form.keepExtensions = true; //保留后缀 form.parse(req, function (err, fields, files) { let filename; filename = files.file.name; let nameArray = filename.split("."); //分割 let type = nameArray[nameArray.length - 1]; let name = ""; for (let i = 0; i < nameArray.length - 1; i++) { name = name + nameArray[i]; } let date = new Date(); let time = "_" + date.getTime(); let avatarName = name + time + "." + type; let newPath = form.uploadDir + "/" + avatarName; fs.renameSync(files.file.path, newPath); //移动文件 fs.readFile(newPath, "utf-8", function (err, data) { if (err) { console.log(err); new Result(null, "读取失败").fail(res); } else { let client = new AipSpeech( 0, "百度语音合成key", "百度语音合成secret" ); let resultData = data.split("\n"); let number = resultData.length; let formTime = new Date().getTime(); let mp3FileDir = path.join(__dirname + "/../mp3_" + formTime); fs.mkdirSync(mp3FileDir); for (let i in resultData) { setTimeout(function(){ if (resultData[i].indexOf("|||") != -1) { let text = resultData[i].split("|||")[1]; // 语音合成,保存到本地文件 client.text2audio(text, { spd: 4, per: 4 }).then( function (result) { if (result.data) { let time = resultData[i].split("|||")[0] + "_voice"; let avatarName_mp3 = mp3FileDir + "/" + time + ".mp3"; fs.writeFileSync(avatarName_mp3, result.data); number--; if (number == 0) { let zipFileName = "zip/mp3_" + formTime + ".zip"; compressing.zip .compressDir(mp3FileDir, zipFileName) .then(() => { let item = { url: zipFileName, }; new Result(item, "压缩成功").success(res); }) .catch((err) => { new Result(null, "压缩失败").fail(res); }); } } else { // 合成服务发生错误 new Result(null, "合成失败").fail(res); } }, function (err) { console.log(err); } ); } else { new Result(null, "文件格式错误").fail(res); } },i * 20) } } }); }); });
PS:
在node部分,在判断需要合成的文件是否全部完成时,我是通过number的值等于0判断完成,不知道大佬们有啥好方法不?
DDR爱好者之家 Design By 杰米
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
DDR爱好者之家 Design By 杰米
暂无评论...
《魔兽世界》大逃杀!60人新游玩模式《强袭风暴》3月21日上线
暴雪近日发布了《魔兽世界》10.2.6 更新内容,新游玩模式《强袭风暴》即将于3月21 日在亚服上线,届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。
艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕,并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时,他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中,玩家将会进入一个全新的海盗主题大逃杀式限时活动,其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场,作为一个独立于主游戏之外的活动,玩家可以用大逃杀的风格来体验《魔兽世界》,不分职业、不分装备(除了你在赛局中捡到的),光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式,玩家在加入海盗主题的预赛大厅区域前,可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹,《巨龙崛起》和《魔兽世界:巫妖王之怒 经典版》的玩家都可以获得奖励。
更新日志
2024年11月24日
2024年11月24日
- 凤飞飞《我们的主题曲》飞跃制作[正版原抓WAV+CUE]
- 刘嘉亮《亮情歌2》[WAV+CUE][1G]
- 红馆40·谭咏麟《歌者恋歌浓情30年演唱会》3CD[低速原抓WAV+CUE][1.8G]
- 刘纬武《睡眠宝宝竖琴童谣 吉卜力工作室 白噪音安抚》[320K/MP3][193.25MB]
- 【轻音乐】曼托凡尼乐团《精选辑》2CD.1998[FLAC+CUE整轨]
- 邝美云《心中有爱》1989年香港DMIJP版1MTO东芝首版[WAV+CUE]
- 群星《情叹-发烧女声DSD》天籁女声发烧碟[WAV+CUE]
- 刘纬武《睡眠宝宝竖琴童谣 吉卜力工作室 白噪音安抚》[FLAC/分轨][748.03MB]
- 理想混蛋《Origin Sessions》[320K/MP3][37.47MB]
- 公馆青少年《我其实一点都不酷》[320K/MP3][78.78MB]
- 群星《情叹-发烧男声DSD》最值得珍藏的完美男声[WAV+CUE]
- 群星《国韵飘香·贵妃醉酒HQCD黑胶王》2CD[WAV]
- 卫兰《DAUGHTER》【低速原抓WAV+CUE】
- 公馆青少年《我其实一点都不酷》[FLAC/分轨][398.22MB]
- ZWEI《迟暮的花 (Explicit)》[320K/MP3][57.16MB]