vue 实现简单的audio播放器(带倍速播放)
滑块使用的事vant组件的slider https://youzan.github.io/vant/#/zh-CN/slider图标使用的是iconfont字体库使用原生audio属性,实现播放各个环节的统计和不同状态的展示,界面简洁<style>body {background: #fff;...
·
滑块使用的事vant组件的slider https://youzan.github.io/vant/#/zh-CN/slider
图标使用的是iconfont字体库
使用原生audio属性,实现播放各个环节的统计和不同状态的展示,界面简洁
<style>
body {
background: #fff;
}
.audio_cover {
width: 100%;
}
.audio_title {
font-size: 18px;
padding: 15px 10px;
/*margin-bottom: 10px;*/
}
.audio_des {
padding: 0 15px;
}
.aplayer-icon-mode{
display: none!important;
}
/*自定义音频器*/
.audioBox{
padding: 10px 15px;
}
.audioBox_top{
line-height: 24px;
}
.audioBox_left{
float: left;
color: #999;
font-size: 12px;
width: 14%;
text-align: left;
}
.audioBox_slider{
float: left;
width: 72%;
margin-top: 10px;
}
.audioBox_right{
float: left;
color: #999;
font-size: 12px;
width: 14%;
text-align: center;
}
.van-slider__button{
width: 12px;
height: 12px;
border-radius: 50%;
background-color: #18aefc;
border: 4px solid #fff;
box-shadow: 0 1px 2px rgba(0,0,0,.5);
}
.audioBox_control{
text-align: center;
margin-top: 15px;
position: relative;
}
.iconfont_control{
display: inline-block;
margin: 0 auto;
font-size: 54px;
color: #18aefc;
}
.audioBox_multiple{
position: absolute;
right: 28px;
top: 15px;
color: #b4b4b4;
}
.multiple_number{
margin-bottom: 6px;
font-size: 14px;
}
.multiple_des{
font-size: 12px;
}
/*自定义音频器*/
</style>
<script type="text/javascript">
let audioInterval;
let vueApp = new Vue({
el: '#audio_detail',
data() {
return{
audioDetail: testJson.data,//音频详情
audioTime:0,//音频进度百分比
audioCurrentTime:'00:00',//音频当前播放时间
audioAllTime:'00:00',//音频总播放时间
audioAllDuration:0,//音频总播放秒数
isPlay:false,//是否正在播放
multipleArray:[0.75,1,1.5,2],
multipleIndex:1,
}
},
watch:{
},
mounted() {
this.setAudioInterval();
},
methods: {
//设置定时检测
setAudioInterval(){
audioInterval = setInterval(()=>{
this.getAudioTime();
let audioPlayer = document.getElementById('audioPlayer');
if(audioPlayer.ended){
//播放结束后重置数据
clearInterval(audioInterval);
this.audioTime=0;
audioPlayer.currentTime = 0;
this.audioCurrentTime='00:00';
this.isPlay=false;
}
audioPlayer.paused?this.isPlay=false:this.isPlay=true
},500)
},
//播放
playAudio(){
//重设定时器
clearInterval(audioInterval);
this.getAudioTime();
this.setAudioInterval();
document.getElementById('audioPlayer').play();
this.isPlay=true;
},
//暂停
pauseAudio(){
document.getElementById('audioPlayer').pause();
this.isPlay=false;
},
//获取播放时间
getAudioTime(){
let audioPlayer = document.getElementById('audioPlayer');
// console.log("播放总时间--"+realFormatSecond(audioPlayer.duration));
// console.log("已播放秒数--"+realFormatSecond(audioPlayer.currentTime));
//展示用
this.audioAllTime = realFormatSecond(audioPlayer.duration);
this.audioAllDuration = audioPlayer.duration;
this.audioCurrentTime = realFormatSecond(audioPlayer.currentTime);
//计算当前进度百分比
this.audioTime = (audioPlayer.currentTime*100/audioPlayer.duration).toFixed(3);
// console.log("百分比--"+this.audioTime)
},
//滑动进度条
onChange(value){
// 设置播放时间
let audioPlayer = document.getElementById('audioPlayer');
this.audioCurrentTime = realFormatSecond(this.audioAllDuration*value/100);
audioPlayer.currentTime = parseInt(this.audioAllDuration*value/100)
},
//设置倍速播放
changeMultiple(){
if(this.multipleIndex<3){
this.multipleIndex++
}else{
this.multipleIndex=0
}
let audioPlayer = document.getElementById('audioPlayer');
audioPlayer.playbackRate = this.multipleArray[this.multipleIndex]
},
}
})
//格式化秒
function realFormatSecond(second) {
var secondType = typeof second
if (secondType === 'number' || secondType === 'string') {
second = parseInt(second)
// var hours = Math.floor(second / 3600)
// second = second - hours * 3600
second = second
var mimute = Math.floor(second / 60)
second = second - mimute * 60
return ('0' + mimute).slice(-2) + ':' + ('0' + second).slice(-2)
} else {
return '00:00'
}
}
</script>
<div class="container_box" id="audio_detail">
<img :src="audioDetail.img_url" class="audio_cover">
<div>
<audio autoplay="autoplay" id="audioPlayer" preload="auto" src="http://wechatapppro-1252524126.file.myqcloud.com/appG1VMUALC2470/audio_compressed/1505377565_4fd15d83213bceb23a97ad6af45f1dae.mp3">
你的浏览器不支持audio标签
</audio>
<div class="audioBox">
<div class="audioBox_top">
<div class="audioBox_left">
{{audioCurrentTime}}
</div>
<div class="audioBox_slider">
<van-slider v-model="audioTime" @change="onChange" bar-height="4px"/>
</div>
<div class="audioBox_right">
{{audioAllTime}}
</div>
<div class="clear"></div>
</div>
<div class="audioBox_control">
<!--播放按钮-->
<i class="iconfont icon-bofang1 iconfont_control" @click="playAudio" v-show="!isPlay"></i>
<!--暂停按钮-->
<i class="iconfont icon-zanting iconfont_control" @click="pauseAudio" v-show="isPlay"></i>
<!--设置倍速播放-->
<div class="audioBox_multiple" @click="changeMultiple">
<div class="multiple_number">{{multipleArray[multipleIndex]}}X</div>
<div class="multiple_des">倍速播放</div>
</div>
</div>
</div>
</div>
<div class="audio_title">{{audioDetail.title}}</div>
<div class="audio_des" v-html="audioDetail.desc"></div>
</div>
testJson数据
const testJson={"code":0,"msg":"success","data":{"id":"a_59ba3d1444f58_7yTX18hD","title":"\u300a7\u5929\u7efd\u653e\u5973\u6027\u9b45\u529b\u300b\u514d\u8d39\u5fae\u8bfe | \u7b2c\u4e00\u5929","desc":"<p style=\"margin-top: 0px; margin-bottom: 0px; padding: 0px; clear: both; font-family: 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif; font-size: medium; line-height: 25.6px; white-space: normal; text-align: center;\"><span style=\"margin: 0px; padding: 0px; font-size: 15px;\"><br\/><\/span><\/p><p style=\"margin-top: 0px; margin-bottom: 0px; padding: 0px; clear: both; font-family: 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif; font-size: medium; line-height: 25.6px; white-space: normal; text-align: center;\"><span style=\"margin: 0px; padding: 0px; font-size: 15px;\">\u4eb2\u7231\u7684\u5f20\u5fb7\u82ac\u7a7a\u95f4\u00b7\u5c0f\u65f6\u7a7a\u7684\u670b\u53cb<\/span><\/p><p style=\"margin-top: 0px; margin-bottom: 0px; padding: 0px; clear: both; font-family: 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif; font-size: medium; line-height: 25.6px; white-space: normal; text-align: center;\"><span style=\"margin: 0px; padding: 0px; font-size: 15px;\"><br\/><\/span><\/p><p style=\"margin-top: 0px; margin-bottom: 0px; padding: 0px; clear: both; font-family: 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif; font-size: medium; line-height: 25.6px; white-space: normal; text-align: center;\"><span style=\"margin: 0px; padding: 0px; font-size: 15px;\">\u4eca\u5929\u662f<\/span><\/p><p style=\"margin-top: 0px; margin-bottom: 0px; padding: 0px; clear: both; font-family: 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif; font-size: medium; line-height: 25.6px; white-space: normal; text-align: center;\"><span style=\"margin: 0px; padding: 0px; font-size: 15px;\"><br\/><\/span><\/p><p style=\"margin-top: 0px; margin-bottom: 0px; padding: 0px; clear: both; font-family: 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif; font-size: medium; line-height: 25.6px; white-space: normal; text-align: center;\"><span style=\"margin: 0px; padding: 0px; font-size: 15px;\">\u300a7\u5929\u7efd\u653e\u5973\u6027\u9b45\u529b\u300b\u5fae\u8bfe<\/span><\/p><p style=\"margin-top: 0px; margin-bottom: 0px; padding: 0px; clear: both; font-family: 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif; font-size: medium; line-height: 25.6px; white-space: normal; text-align: center;\"><span style=\"margin: 0px; padding: 0px; font-size: 15px;\"><br\/><\/span><\/p><p style=\"margin-top: 0px; margin-bottom: 0px; padding: 0px; clear: both; font-family: 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif; font-size: medium; line-height: 25.6px; white-space: normal; text-align: center;\"><span style=\"margin: 0px; padding: 0px; font-size: 15px;\">\u7b2c\u4e00\u5929<\/span><\/p><p style=\"margin-top: 0px; margin-bottom: 0px; padding: 0px; clear: both; font-family: 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif; font-size: medium; line-height: 25.6px; white-space: normal; text-align: center;\"><span style=\"margin: 0px; padding: 0px; font-size: 15px;\"><br\/><\/span><\/p><p style=\"margin-top: 0px; margin-bottom: 0px; padding: 0px; clear: both; font-family: 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif; font-size: medium; line-height: 25.6px; white-space: normal; text-align: center;\"><strong style=\"margin: 0px; padding: 0px;\"><span style=\"margin: 0px; padding: 0px; color: rgb(123, 12, 0); font-size: 15px;\">\u4eca\u65e5\u5fae\u8bfe\u4e3b\u9898<\/span><\/strong><\/p><p style=\"margin-top: 0px; margin-bottom: 0px; padding: 0px; clear: both; font-family: 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif; font-size: medium; line-height: 25.6px; white-space: normal; text-align: center;\"><br\/><\/p><p style=\"margin-top: 0px; margin-bottom: 0px; padding: 0px; clear: both; font-family: 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif; font-size: medium; line-height: 25.6px; white-space: normal; text-align: center;\"><span style=\"margin: 0px; padding: 0px; color: rgb(0, 122, 170); font-size: 16px; background-color: rgb(255, 215, 213);\"><strong style=\"margin: 0px; padding: 0px;\"><span style=\"color: rgb(0, 122, 170); margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; word-wrap: break-word !important; background-color: rgb(255, 215, 213);\">\u7b2c\u4e00\u5929\uff1a<\/span><span style=\"color: rgb(0, 122, 170); margin: 0px; padding: 0px; background-color: rgb(255, 215, 213);\">\u539f\u751f\u5bb6\u5ead\u518d\u7cdf\u7cd5\u8fd8\u6709\u4e00\u6761\u8def\u901a\u5f80\u5e78\u798f<\/span><\/strong><\/span><\/p><p style=\"margin-top: 0px; margin-bottom: 0px; padding: 0px; clear: both; font-family: 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif; font-size: medium; line-height: 25.6px; white-space: normal; text-align: center;\"><span style=\"margin: 0px; padding: 0px; color: rgb(0, 122, 170); background-color: rgb(255, 215, 213);\"><strong style=\"margin: 0px; padding: 0px;\"><span style=\"margin: 0px; padding: 0px; font-size: 15px;\"><br\/><\/span><\/strong><\/span><\/p><p style=\"margin-top: 0px; margin-bottom: 0px; padding: 0px; clear: both; text-align: center;\"><span style=\"margin: 0px; padding: 0px; font-size: 15px;\">\u7f3a\u4e4f\u8868\u626c\u548c\u9f13\u52b1\u7684\u73af\u5883\uff0c\u666e\u904d\u7f3a\u4e4f\u5e78\u798f\u611f<\/span><\/p><p style=\"margin-top: 0px; margin-bottom: 0px; padding: 0px; clear: both;\"><span style=\"margin: 0px; padding: 0px; font-size: 15px;\"><br\/><\/span><\/p><p style=\"margin-top: 0px; margin-bottom: 0px; padding: 0px; clear: both; text-align: center;\"><span style=\"margin: 0px; padding: 0px; font-size: 15px;\">\u5229\u7528\u5185\u759a\u6765\u63a7\u5236\u5b69\u5b50\uff0c\u9020\u6210\u7684\u4f4e\u81ea\u6211\u4ef7\u503c<\/span><\/p><p style=\"margin-top: 0px; margin-bottom: 0px; padding: 0px; clear: both;\"><span style=\"margin: 0px; padding: 0px; font-size: 15px;\"><br\/><\/span><\/p><p style=\"margin-top: 0px; margin-bottom: 0px; padding: 0px; clear: both; text-align: center;\"><span style=\"margin: 0px; padding: 0px; font-size: 15px;\">\u91cd\u7537\u8f7b\u5973\u7684\u89c2\u5ff5\uff0c\u65e0\u6cd5\u6d3b\u51fa\u5973\u6027\u7279\u8d28<\/span><\/p><p style=\"margin-top: 0px; margin-bottom: 0px; padding: 0px; clear: both; font-family: 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif; line-height: 25.6px; white-space: normal; list-style-type: none; -webkit-padding-start: 0px; -webkit-margin-before: 0px; -webkit-margin-after: 0px; max-width: 100%; min-height: 1em; color: rgb(62, 62, 62); font-variant-ligatures: normal; orphans: 2; widows: 2; text-align: center; box-sizing: border-box !important; word-wrap: break-word !important; background-color: rgb(255, 255, 255);\"><span style=\"margin: 0px; padding: 0px; max-width: 100%; color: rgb(123, 12, 0); box-sizing: border-box !important; word-wrap: break-word !important;\"><strong style=\"margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; word-wrap: break-word !important;\"><\/strong><\/span><\/p><p style=\"margin-top: 0px; margin-bottom: 0px; font-size: medium; white-space: normal; padding: 0px; clear: both; font-family: 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif; line-height: 25.6px; text-align: center;\"><span style=\"margin: 0px; padding: 0px; color: rgb(0, 122, 170); font-size: 16px; background-color: rgb(255, 215, 213);\"><strong style=\"margin: 0px; padding: 0px;\"><span style=\"margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; word-wrap: break-word !important;\">\u7b2c\u4e00\u5929\u5c0f\u529f\u8bfe<\/span><\/strong><\/span><\/p><p style=\"margin-top: 0px; margin-bottom: 0px; font-size: medium; white-space: normal; padding: 0px; clear: both; font-family: 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif; line-height: 25.6px; text-align: center;\"><strong style=\"margin: 0px; padding: 0px;\"><span style=\"margin: 0px; padding: 0px; font-size: 15px;\"><br\/><\/span><\/strong><\/p><p style=\"margin-top: 0px; margin-bottom: 0px; font-size: medium; white-space: normal; padding: 0px; clear: both; font-family: 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif; line-height: 25.6px; text-align: center;\"><span style=\"margin: 0px; padding: 0px; font-size: 15px;\">\u542c\u4e86\u4eca\u65e5\u5fae\u8bfe<\/span><\/p><p style=\"margin-top: 0px; margin-bottom: 0px; font-size: medium; white-space: normal; padding: 0px; clear: both; font-family: 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif; line-height: 25.6px; text-align: center;\"><span style=\"margin: 0px; padding: 0px; font-size: 15px;\">\u4f60\u89c9\u5f97\u81ea\u5df1\u901a\u5f80\u5e78\u798f\u7684\u8def\u5728\u54ea\u91cc\u5462\uff1f<\/span><\/p><p style=\"margin-top: 0px; margin-bottom: 0px; font-size: medium; white-space: normal; padding: 0px; clear: both; font-family: 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif; line-height: 25.6px; text-align: center;\"><span style=\"margin: 0px; padding: 0px; font-size: 15px;\">\u4f60\u6709\u54ea\u4e9b\u8d44\u6e90\u53ef\u4ee5\u534f\u52a9\u4f60\u8d70\u5411\u5e78\u798f\uff1f<\/span><\/p><p style=\"margin-top: 0px; margin-bottom: 0px; padding: 0px; clear: both; font-family: 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif; line-height: 25.6px; white-space: normal; list-style-type: none; -webkit-padding-start: 0px; -webkit-margin-before: 0px; -webkit-margin-after: 0px; max-width: 100%; min-height: 1em; color: rgb(62, 62, 62); font-variant-ligatures: normal; orphans: 2; widows: 2; text-align: center; box-sizing: border-box !important; word-wrap: break-word !important; background-color: rgb(255, 255, 255);\"><br\/><\/p><p style=\"margin-top: 0px; margin-bottom: 0px; padding: 0px; clear: both; font-family: 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif; line-height: 25.6px; white-space: normal; list-style-type: none; -webkit-padding-start: 0px; -webkit-margin-before: 0px; -webkit-margin-after: 0px; max-width: 100%; min-height: 1em; color: rgb(62, 62, 62); font-variant-ligatures: normal; orphans: 2; widows: 2; text-align: center; box-sizing: border-box !important; word-wrap: break-word !important; background-color: rgb(255, 255, 255);\"><span style=\"margin: 0px; padding: 0px; max-width: 100%; color: rgb(123, 12, 0); box-sizing: border-box !important; word-wrap: break-word !important;\"><strong style=\"margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; word-wrap: break-word !important;\">\u3010\u5bfc\u5e08\u4ecb\u7ecd\u3011<\/strong><\/span><\/p><p style=\"margin-top: 0px; margin-bottom: 0px; padding: 0px; clear: both; font-family: 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif; line-height: 25.6px; white-space: normal; list-style-type: none; -webkit-padding-start: 0px; -webkit-margin-before: 0px; -webkit-margin-after: 0px; max-width: 100%; min-height: 1em; color: rgb(62, 62, 62); font-variant-ligatures: normal; orphans: 2; widows: 2; text-align: center; box-sizing: border-box !important; word-wrap: break-word !important; background-color: rgb(255, 255, 255);\"><img src=\"http:\/\/wechatapppro-1252524126.file.myqcloud.com\/appG1VMUALC2470\/image\/ueditor\/71532800_1505378213.cn\/mmbiz_jpg\/pibbpiaquvugwplfvy8hniciatx3htxjv4ldewhdzozblxoma0dro8omzvqk0oavk7cepx5vorp6owzrxmh0pg9v6a\/640\" style=\"margin: 0px; padding: 0px; height: auto !important; box-sizing: border-box !important; word-wrap: break-word !important; width: auto !important; visibility: visible !important;\"\/><\/p><p style=\"margin-top: 0px; margin-bottom: 0px; padding: 0px; clear: both; font-family: 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif; line-height: 25.6px; white-space: normal; list-style-type: none; -webkit-padding-start: 0px; -webkit-margin-before: 0px; -webkit-margin-after: 0px; max-width: 100%; min-height: 1em; color: rgb(62, 62, 62); font-variant-ligatures: normal; orphans: 2; widows: 2; text-align: center; box-sizing: border-box !important; word-wrap: break-word !important; background-color: rgb(255, 255, 255);\"><strong style=\"margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; word-wrap: break-word !important;\">\u5468\u4f9d\u6167<\/strong><\/p><p style=\"margin-top: 0px; margin-bottom: 0px; padding: 0px; clear: both; font-family: 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif; line-height: 25.6px; white-space: normal; list-style-type: none; -webkit-padding-start: 0px; -webkit-margin-before: 0px; -webkit-margin-after: 0px; max-width: 100%; min-height: 1em; color: rgb(62, 62, 62); font-variant-ligatures: normal; orphans: 2; widows: 2; text-align: center; box-sizing: border-box !important; word-wrap: break-word !important; background-color: rgb(255, 255, 255);\"><span style=\"margin: 0px; padding: 0px; max-width: 100%; color: rgb(123, 12, 0); font-size: 15px; box-sizing: border-box !important; word-wrap: break-word !important;\"><br\/><\/span><\/p><p style=\"margin-top: 0px; margin-bottom: 0px; padding: 0px; clear: both; font-family: 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif; line-height: 25.6px; white-space: normal; list-style-type: none; -webkit-padding-start: 0px; -webkit-margin-before: 0px; -webkit-margin-after: 0px; max-width: 100%; min-height: 1em; color: rgb(62, 62, 62); font-variant-ligatures: normal; orphans: 2; widows: 2; box-sizing: border-box !important; word-wrap: break-word !important; background-color: rgb(255, 255, 255);\"><span style=\"margin: 0px; padding: 0px; max-width: 100%; font-size: 15px; box-sizing: border-box !important; word-wrap: break-word !important;\">\u5fc3\u7406\u7763\u5bfc\u3001\u4f01\u4e1a\u57f9\u8bad\u5e08\u3001\u821e\u8e48\u6cbb\u7597\u5e08\u3001NLP\u4e13\u4e1a\u6559\u7ec3\u3001NLP\u9ad8\u7ea7\u6267\u884c\u5e08\u3001\u7ec4\u7ec7\u7cfb\u7edf\u6392\u5217\u5bfc\u5e08\u3001\u7f8e\u56fdACHE\u50ac\u7720\u5e08\u3001\u73af\u7403\u592b\u4eba\u5fc3\u7075\u5bfc\u5e08\u3001\u56fd\u9645\u5973\u6027\u8bba\u575b\u5341\u4f73\u6770\u51fa\u5973\u6027\u3001\u77e5\u540d\u5927\u5b66\u5973\u6027EMBA\u7279\u8058\u5bfc\u5e08\u3001\u5973\u4f01\u4e1a\u5bb6\u534f\u4f1a\u8054\u76df\u7279\u8058\u5fc3\u7406\u4e13\u5bb6\u3002<\/span><\/p><p style=\"margin-top: 0px; margin-bottom: 0px; padding: 0px; clear: both; font-family: 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif; line-height: 25.6px; white-space: normal; list-style-type: none; -webkit-padding-start: 0px; -webkit-margin-before: 0px; -webkit-margin-after: 0px; max-width: 100%; min-height: 1em; color: rgb(62, 62, 62); font-variant-ligatures: normal; orphans: 2; widows: 2; box-sizing: border-box !important; word-wrap: break-word !important; background-color: rgb(255, 255, 255);\"><span style=\"margin: 0px; padding: 0px; max-width: 100%; font-size: 15px; box-sizing: border-box !important; word-wrap: break-word !important;\"><br\/><\/span><\/p><p style=\"margin-top: 0px; margin-bottom: 0px; padding: 0px; clear: both; font-family: 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif; font-size: medium; line-height: 25.6px; white-space: normal; text-align: center;\"><br\/><\/p><p><br\/><\/p>","img_url":"http:\/\/wechatapppro-1252524126.file.myqcloud.com\/appG1VMUALC2470\/image\/46cff040af0c42fb3e4ea4198b8e2413.jpg","img_url_compressed":"http:\/\/wechatapppro-1252524126.file.myqcloud.com\/appG1VMUALC2470\/image\/compress\/46cff040af0c42fb3e4ea4198b8e2413.jpg","price":0,"state":0,"comment_count":421,"summary":"\u4eb2\u7231\u7684\u5f20\u5fb7\u82ac\u7a7a\u95f4\u00b7\u5c0f\u65f6\u7a7a\u7684\u670b\u53cb\u4eca\u5929\u662f\u300a7\u5929\u7efd\u653e\u5973\u6027\u9b45\u529b\u300b\u5fae\u8bfe\u7b2c\u4e00\u5929\u4eca\u65e5\u5fae\u8bfe\u4e3b\u9898\u7b2c\u4e00\u5929\uff1a\u539f\u751f\u5bb6\u5ead\u518d\u7cdf\u7cd5\u8fd8\u6709\u4e00\u6761\u8def\u901a\u5f80\u5e78\u798f\u7f3a\u4e4f\u8868\u626c\u548c\u9f13\u52b1\u7684\u73af\u5883\uff0c\u666e\u904d\u7f3a\u4e4f\u5e78\u798f\u611f\u5229\u7528\u5185\u759a\u6765\u63a7\u5236\u5b69\u5b50\uff0c\u9020\u6210\u7684\u4f4e\u81ea\u6211\u4ef7\u503c\u91cd\u7537\u8f7b\u5973\u7684\u89c2\u5ff5\uff0c\u65e0\u6cd5\u6d3b\u51fa\u5973\u6027\u7279\u8d28\u7b2c\u4e00\u5929\u5c0f\u529f\u8bfe\u542c\u4e86\u4eca\u65e5\u5fae\u8bfe\u4f60\u89c9\u5f97\u81ea\u5df1\u901a\u5f80\u5e78\u798f\u7684\u8def\u5728\u54ea\u91cc\u5462\uff1f\u4f60\u6709\u54ea\u4e9b\u8d44\u6e90\u53ef\u4ee5\u534f\u52a9\u4f60\u8d70\u5411\u5e78\u798f\uff1f\u3010\u5bfc\u5e08\u4ecb\u7ecd\u3011","audio_length":2682,"start_at":"2017-12-31 22:35:00","created_at":"2017-09-14 16:25:56","is_stop_sell":0,"recycle_bin_state":0,"is_available":1,"audio_url":"http:\/\/wechatapppro-1252524126.file.myqcloud.com\/appG1VMUALC2470\/audio_compressed\/1505377565_4fd15d83213bceb23a97ad6af45f1dae.mp3","payment_type":1,"products":[{"product_id":"p_5ad844dd39259_dGgElaLz","product_name":"\u65f6\u7a7a\u5fc3\u7075\u5b66\u9662 \u00b7 100\u5802\u7cbe\u534e\u8bfe\u514d\u8d39\u9886"}],"can_select":1,"view_count":90994,"in_recycle":0,"product_groups":[]},"request_params":{"app_id":"appG1VMUALC2470","data":{"resource_id":"a_59ba3d1444f58_7yTX18hD","user_id":"u_5c2ecc10e1080_ejPPDgjgjO"},"use_type":"11"}}
更多推荐
已为社区贡献16条内容
所有评论(0)