You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
210 lines
8.1 KiB
210 lines
8.1 KiB
"use strict";
|
|
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
return new (P || (P = Promise))(function (resolve, reject) {
|
|
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
});
|
|
};
|
|
var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
|
|
return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
|
function verb(n) { return function (v) { return step([n, v]); }; }
|
|
function step(op) {
|
|
if (f) throw new TypeError("Generator is already executing.");
|
|
while (_) try {
|
|
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
|
|
if (y = 0, t) op = [op[0] & 2, t.value];
|
|
switch (op[0]) {
|
|
case 0: case 1: t = op; break;
|
|
case 4: _.label++; return { value: op[1], done: false };
|
|
case 5: _.label++; y = op[1]; op = [0]; continue;
|
|
case 7: op = _.ops.pop(); _.trys.pop(); continue;
|
|
default:
|
|
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
|
|
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
|
|
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
|
|
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
|
|
if (t[2]) _.ops.pop();
|
|
_.trys.pop(); continue;
|
|
}
|
|
op = body.call(thisArg, _);
|
|
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
|
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
}
|
|
};
|
|
var innerAudioContext = wx.createInnerAudioContext();
|
|
Component({
|
|
properties: {
|
|
url: {
|
|
type: String,
|
|
default: ''
|
|
},
|
|
duration: {
|
|
type: Number,
|
|
default: 0
|
|
},
|
|
showDel: {
|
|
type: Boolean,
|
|
default: false
|
|
}
|
|
},
|
|
data: {
|
|
totalTime: '',
|
|
stepTime: 0,
|
|
totalMax: 0,
|
|
stepValue: 0,
|
|
hasPlay: false,
|
|
playUrl: ''
|
|
},
|
|
ready: function () {
|
|
return __awaiter(this, void 0, void 0, function () {
|
|
return __generator(this, function (_a) {
|
|
switch (_a.label) {
|
|
case 0: return [4, this.downLoadAudio()];
|
|
case 1:
|
|
_a.sent();
|
|
console.log('readyyyyyy', this.data.playUrl);
|
|
return [2];
|
|
}
|
|
});
|
|
});
|
|
},
|
|
lifetimes: {
|
|
detached: function () {
|
|
innerAudioContext.stop();
|
|
console.log('detached', innerAudioContext);
|
|
},
|
|
},
|
|
methods: {
|
|
initDuration: function () {
|
|
var _a = this.data, totalTime = _a.totalTime, duration = _a.duration;
|
|
if (duration) {
|
|
totalTime = this.format(this.data.duration);
|
|
this.setData({
|
|
totalTime: totalTime,
|
|
totalMax: duration
|
|
});
|
|
}
|
|
console.log('totalMax', this.data.totalMax);
|
|
},
|
|
downLoadAudio: function () {
|
|
var _this = this;
|
|
wx.downloadFile({
|
|
url: this.data.url,
|
|
success: function (res) {
|
|
if (res.statusCode === 200) {
|
|
console.log('res2222222', res);
|
|
_this.setData({
|
|
playUrl: res.tempFilePath
|
|
});
|
|
_this.initAudio();
|
|
}
|
|
else {
|
|
wx.showToast({
|
|
title: '音频加载失败',
|
|
icon: 'none',
|
|
duration: 1500
|
|
});
|
|
}
|
|
},
|
|
fail: function () {
|
|
wx.showToast({
|
|
title: '音频加载失败',
|
|
icon: 'none',
|
|
duration: 1500
|
|
});
|
|
}
|
|
});
|
|
},
|
|
initAudio: function () {
|
|
var _this = this;
|
|
innerAudioContext.src = this.data.playUrl;
|
|
innerAudioContext.autoplay = false;
|
|
this.initDuration();
|
|
console.log('ppppplllaaa', innerAudioContext);
|
|
innerAudioContext.onCanplay(function () {
|
|
console.log('初始化播放', innerAudioContext.duration);
|
|
});
|
|
innerAudioContext.onPlay(function () {
|
|
console.log('开始播放', innerAudioContext.duration);
|
|
});
|
|
innerAudioContext.onTimeUpdate(function () {
|
|
console.log("duration-onTimeUpdate", innerAudioContext.duration);
|
|
console.log("currentTime", innerAudioContext.currentTime);
|
|
if (innerAudioContext.duration) {
|
|
_this.setData({
|
|
totalMax: (innerAudioContext.duration * 1000),
|
|
});
|
|
}
|
|
_this.setData({
|
|
stepValue: (innerAudioContext.currentTime * 1000),
|
|
});
|
|
console.log('stepValue', _this.data.stepValue);
|
|
console.log('totalTime', _this.data.totalTime);
|
|
console.log('totalMax', _this.data.totalMax);
|
|
});
|
|
innerAudioContext.onEnded(function () {
|
|
console.log("end");
|
|
_this.setData({
|
|
hasPlay: false
|
|
});
|
|
});
|
|
innerAudioContext.onError(function (res) {
|
|
console.log("errMsg", res.errMsg);
|
|
wx.showToast({
|
|
title: res.errMsg,
|
|
icon: 'none',
|
|
duration: 1500
|
|
});
|
|
});
|
|
},
|
|
handleBtn: function () {
|
|
var hasPlay = this.data.hasPlay;
|
|
if (hasPlay)
|
|
this.audioPause();
|
|
else
|
|
this.audioPlay();
|
|
},
|
|
audioPause: function () {
|
|
innerAudioContext.pause();
|
|
this.setData({
|
|
hasPlay: false
|
|
});
|
|
},
|
|
audioPlay: function () {
|
|
innerAudioContext.play();
|
|
this.setData({
|
|
hasPlay: true
|
|
});
|
|
console.log('innerAudioContext', innerAudioContext);
|
|
},
|
|
slideChange: function (e) {
|
|
this.audioPause();
|
|
var value = e.detail.value;
|
|
console.log('slidechange', value);
|
|
innerAudioContext.seek(value / 1000);
|
|
this.setData({
|
|
stepValue: value,
|
|
});
|
|
this.audioPlay();
|
|
},
|
|
handleSlideMove: function (e) {
|
|
this.audioPause();
|
|
},
|
|
handleAudioDel: function () {
|
|
innerAudioContext.stop();
|
|
console.log('innerAudioContextdel', innerAudioContext);
|
|
this.triggerEvent('audiodel');
|
|
},
|
|
format: function (num) {
|
|
var min = parseInt(num / 1000 / 60);
|
|
var second = parseInt(num / 1000) % 60;
|
|
min = min >= 10 ? min : '0' + min;
|
|
second = second >= 10 ? second : '0' + second;
|
|
return min + ':' + second;
|
|
},
|
|
}
|
|
});
|
|
|