微信小程序支付之录制播放器,真机可用

永利皇宫402

趁着周末用微信小程序做了个轻便录音机.跟大家享受,接待研商!

把录音的模块尝试过以往就想着微信小程序的摄像播放会不会更风趣?

常规,先几张图.

果然,微信小程序摄像自带弹幕.是还是不是很爽,跟自家一块来看看.

1.为了进入看得清楚.刚开始并未有加载音频列表.代码往前挪一挪就能够.

先上gif:

永利皇宫402 1

永利皇宫402 2

2.按住 录音开关的时候会并发Mike风.中间的Mike风是个帧动画.

再上几张图:

其实正是用js调节图片展示隐藏.没啥好说的.这里值得一说一说的是录音.微信的录音API后,假若录音时间太短,会录音失利.所以fail的时候如故要求管理一下.录音小时的界定和微信语音是相同的.60秒.

1.录像播放器

永利皇宫402 3

永利皇宫402 4

3.自己在录音实现后才加载列表.

2.摘取弹幕颜色

下图就是从微信存款和储蓄的文书里获取到的列表音信.有囤积路径,创设时间,文件大小.

永利皇宫402 5

这里的文书只怕不只是音频.这里自身没做判别.上边的门路都以wx:file//store_…

3.弹幕来了…

自家也去找了下.在Tencent/micromsg/wxafiles/wx…./这一流目录就可以找到了.

永利皇宫402 6

岁月是格式化之后的.文件大小是B,转成KB如下.

1.摄像播放器

永利皇宫402 7

微信已经封装的非凡好.作者那边只用了非常的粗略的多少个属性

手提式有线电话机目录如下.不过展开之后播放不了.近来来头不明.

出于在此从前没做过弹幕,看到danmu-list就激动了.而且只要求将弹幕内容参与会集就能够.

永利皇宫402 8

弹幕列表的因素:

上面是文件全名称.

 {
    text: '第 1s 出现的红色弹幕',//文本
    color: '#ff0000',//颜色
    time: 1//发送的时间
   }

永利皇宫402,1.tempFilePath : 录音之后的暂且文件.第三回跻身小程序就不可能平常使用了.

任何的性质就隐瞒了,现在蒙受再细小钻探.

2.savedFilePath
:长久保存的公文路线.值得注意的是微信只给100M的仓库储存空间.依然赶紧上传到后台吧.

永利皇宫402 9

永利皇宫402 10

2.采取弹幕颜色

4.播放录音音频.

从地方的弹幕列表成分能够看来,微信并未给开辟者太多的自定义空间.文本?时间?颜色?

点击item就能够听到你的声息了.别被本身吓住.哈哈.

也就颜色还是能玩出点花样吧.

永利皇宫402 11

于是乎作者就总结的做了个常用颜色的列表.算是自定义弹幕颜色吗

上代码:
1.index.wxml

上代码:

<!--index.wxml--> 
<scroll-view> 
 <view wx:if="{{voices}}" class="common-list" style="margin-bottom:120rpx;"> 
<block wx:for="{{voices}}"> 
   <view class="board"> 
          <view class="cell" > 
            <view class="cell-bd" data-key="{{item.filePath}}" bindtap="gotoPlay" >  
              <view class="date">存储路径:{{item.filePath}}</view> 
              <view class="date" >存储时间:{{item.createTime}}</view> 
              <view class="date">音频大小:{{item.size}}KB</view> 
            </view>  

          </view> 
    </view> 
</block> 
 </view> 
 </scroll-view> 

<view wx:if="{{isSpeaking}}" class="speak-style"> 
<image class="sound-style" src="../../images/voice_icon_speech_sound_1.png" ></image> 
<image wx:if="{{j==2}}" class="sound-style" src="../../images/voice_icon_speech_sound_2.png" ></image> 
<image wx:if="{{j==3}}" class="sound-style" src="../../images/voice_icon_speech_sound_3.png" ></image> 
<image wx:if="{{j==4}}" class="sound-style" src="../../images/voice_icon_speech_sound_4.png" ></image> 
<image wx:if="{{j==5}}"class="sound-style" src="../../images/voice_icon_speech_sound_5.png" ></image> 
 </view> 
 <view class="record-style"> 
 <button class="btn-style" bindtouchstart="touchdown" bindtouchend="touchup">按住 录音</button> 
 </view> 

ps:代码没整理,很烂,凑活着看吧.

 2.index.wxss

1.index.wxml

 /**index.wxss**/ 
.speak-style{ 
  position: relative; 
  height: 240rpx; 
  width: 240rpx; 
  border-radius: 20rpx; 
  margin: 50% auto; 
  background: #26A5FF; 
} 
.item-style{ 
  margin-top: 30rpx; 
  margin-bottom: 30rpx; 
} 
.text-style{ 
  text-align: center; 

} 
.record-style{ 
  position: fixed; 
  bottom: 0; 
  left: 0; 
  height: 120rpx; 
  width: 100%; 
} 
.btn-style{ 
 margin-left: 30rpx; 
 margin-right: 30rpx; 
} 

.sound-style{ 
 position: absolute; 
 width: 74rpx; 
 height:150rpx; 
 margin-top: 45rpx; 
 margin-left: 83rpx; 
} 


.board { 
 overflow: hidden; 
 border-bottom: 2rpx solid #26A5FF;  
} 
/*列布局*/ 
.cell{ 
  display: flex; 
  margin: 20rpx; 
} 
.cell-hd{ 
  margin-left: 10rpx; 
  color: #885A38; 
} 
.cell .cell-bd{ 
  flex:1; 
  position: relative; 

} 
/**只显示一行*/ 
.date{ 
  font-size: 30rpx; 
  text-overflow: ellipsis;  
  white-space:nowrap; 
  overflow:hidden;  
} 
<!--index.wxml--> 
<view class="section tc"> 
 <video id="myVideo" style="height:{{videoHeight}}px;width:{{videoWidth}}px" src="http://wxsnsdy.tc.qq.com/105/20210/snsdyvideodownload?filekey=30280201010421301f0201690402534804102ca905ce620b1241b726bc41dcff44e00204012882540400&bizid=1023&hy=SH&fileparam=302c020101042530230204136ffd93020457e3c4ff02024ef202031e8d7f02030f42400204045a320a0201000400" binderror="videoErrorCallback" danmu-list="{{danmuList}}" enable-danmu danmu-btn controls></video> 
 <view class="btn-area"> 
   <view class="weui-cell weui-cell_input"> 
        <view class="weui-cell__bd"> 
          <input class="weui-input" placeholder="请输入弹幕" bindblur="bindInputBlur" /> 
        </view> 
      </view> 

  <button style="margin:30rpx;" bindtap="bindSendDanmu">发送弹幕</button> 
 </view> 
</view> 
   <view class="weui-cells weui-cells_after-title"> 
      <view class="weui-cell weui-cell_switch"> 
        <view class="weui-cell__bd">随机颜色</view> 
        <view class="weui-cell__ft"> 
          <switch checked bindchange="switchChange" /> 
        </view> 
  </view> 
<view class="colorstyle" bindtap="selectColor"> 
<text>选择颜色</text> 
<view style="height:80rpx;width:80rpx;line-height: 100rpx;margin:10rpx;background-color:{{numberColor}}"></view> 
</view> 

3.index.js

2.index.wxss

//index.js 
//获取应用实例 
var app = getApp() 
Page({ 
 data: { 
  j: 1,//帧动画初始图片 
  isSpeaking: false,//是否正在说话 
  voices: [],//音频数组 
 }, 
 onLoad: function () { 
 }, 
 //手指按下 
 touchdown: function () { 
  console.log("手指按下了...") 
  console.log("new date : " + new Date) 
  var _this = this; 
  speaking.call(this); 
  this.setData({ 
   isSpeaking: true 
  }) 
  //开始录音 
  wx.startRecord({ 
   success: function (res) { 
    //临时路径,下次进入小程序时无法正常使用 
    var tempFilePath = res.tempFilePath 
    console.log("tempFilePath: " + tempFilePath) 
    //持久保存 
    wx.saveFile({ 
     tempFilePath: tempFilePath, 
     success: function (res) { 
      //持久路径 
      //本地文件存储的大小限制为 100M 
      var savedFilePath = res.savedFilePath 
      console.log("savedFilePath: " + savedFilePath) 
     } 
    }) 
    wx.showToast({ 
     title: '恭喜!录音成功', 
     icon: 'success', 
     duration: 1000 
    }) 
    //获取录音音频列表 
    wx.getSavedFileList({ 
     success: function (res) { 
      var voices = []; 
      for (var i = 0; i < res.fileList.length; i++) { 
       //格式化时间 
       var createTime = new Date(res.fileList[i].createTime) 
       //将音频大小B转为KB 
       var size = (res.fileList[i].size / 1024).toFixed(2); 
       var voice = { filePath: res.fileList[i].filePath, createTime: createTime, size: size }; 
       console.log("文件路径: " + res.fileList[i].filePath) 
       console.log("文件时间: " + createTime) 
       console.log("文件大小: " + size) 
       voices = voices.concat(voice); 
      } 
      _this.setData({ 
       voices: voices 
      }) 
     } 
    }) 
   }, 
   fail: function (res) { 
    //录音失败 
    wx.showModal({ 
     title: '提示', 
     content: '录音的姿势不对!', 
     showCancel: false, 
     success: function (res) { 
      if (res.confirm) { 
       console.log('用户点击确定') 
       return 
      } 
     } 
    }) 
   } 
  }) 
 }, 
 //手指抬起 
 touchup: function () { 
  console.log("手指抬起了...") 
  this.setData({ 
   isSpeaking: false, 
  }) 
  clearInterval(this.timer) 
  wx.stopRecord() 
 }, 
 //点击播放录音 
 gotoPlay: function (e) { 
  var filePath = e.currentTarget.dataset.key; 
  //点击开始播放 
  wx.showToast({ 
   title: '开始播放', 
   icon: 'success', 
   duration: 1000 
  }) 
  wx.playVoice({ 
   filePath: filePath, 
   success: function () { 
    wx.showToast({ 
     title: '播放结束', 
     icon: 'success', 
     duration: 1000 
    }) 
   } 
  }) 
 } 
}) 
//麦克风帧动画 
function speaking() { 
 var _this = this; 
 //话筒帧动画 
 var i = 1; 
 this.timer = setInterval(function () { 
  i++; 
  i = i % 5; 
  _this.setData({ 
   j: i 
  }) 
 }, 200); 
} 

(从其余项目粘过来的.哈哈)

注意:

/**index.wxss**/ 
.weui-cells { 
 position: relative; 
 margin-top: 1.17647059em; 
 background-color: #FFFFFF; 
 line-height: 1.41176471; 
 font-size: 17px; 
} 
.weui-cells:before { 
 content: " "; 
 position: absolute; 
 left: 0; 
 top: 0; 
 right: 0; 
 height: 1px; 
 border-top: 1rpx solid #D9D9D9; 
 color: #D9D9D9; 

} 
.weui-cells:after { 
 content: " "; 
 position: absolute; 
 left: 0; 
 bottom: 0; 
 right: 0; 
 height: 1px; 
 border-bottom: 1rpx solid #D9D9D9; 
 color: #D9D9D9; 
} 
.weui-cells_after-title { 
 margin-top: 0; 
} 
.weui-cell__bd { 
 -webkit-box-flex: 1; 
 -webkit-flex: 1; 
     flex: 1; 
} 
.weui-cell__ft { 
 text-align: right; 
 color: #999999; 
} 

.weui-cell { 
 padding: 10px 10px; 
 position: relative; 
 display: -webkit-box; 
 display: -webkit-flex; 
 display: flex; 
 -webkit-box-align: center; 
 -webkit-align-items: center; 
     align-items: center; 
} 
.weui-cell:before { 
 content: " "; 
 position: absolute; 
 top: 0; 
 right: 0; 
 height: 1px; 
 border-top: 1rpx solid #D9D9D9; 
 color: #D9D9D9; 
 left: 15px; 
} 
.weui-cell:first-child:before { 
 display: none; 
} 
.colorstyle{ 
  border-top: 2px solid #eee; 
  border-bottom: 2px solid #eee; 
  padding-left: 10px; 
  padding-right: 10px; 
  font-size: 17px; 
  line-height: 100rpx; 
  display: flex; 
  flex-direction: row; 
  justify-content:space-between; 
} 

1.录音的音频暗中认可是存在本地的权且路线下.第三次进入小程序不能够寻常使用,可以存长久,可是地面文件大小的界定是100M,最佳依然上传后台.

3.index.js

2.录音的时刻无法太短.不然会失利;也不能够赶过60秒.到了60秒会活动终止录音.

//index.js 
function getRandomColor() { 
 let rgb = [] 
 for (let i = 0; i < 3; ++i) { 
  let color = Math.floor(Math.random() * 256).toString(16) 
  color = color.length == 1 ? '0' + color : color 
  rgb.push(color) 
 } 
 return '#' + rgb.join('') 
} 

Page({ 
 onLoad: function () { 
  var _this = this; 
  //获取屏幕宽高  
  wx.getSystemInfo({ 
   success: function (res) { 
    var windowWidth = res.windowWidth; 
    //video标签认宽度300px、高度225px,设置宽高需要通过wxss设置width和height。 
    var videoHeight = (225 / 300) * windowWidth//屏幕高宽比  
    console.log('videoWidth: ' + windowWidth) 
    console.log('videoHeight: ' + videoHeight) 
    _this.setData({ 
     videoWidth: windowWidth, 
     videoHeight: videoHeight 
    }) 
   } 
  }) 
 }, 
 onReady: function (res) { 
  this.videoContext = wx.createVideoContext('myVideo') 
 }, 
 onShow: function () { 
  var _this = this; 
  //获取年数 
  wx.getStorage({ 
   key: 'numberColor', 
   success: function (res) { 
    console.log(res.data + "numberColor----") 
    _this.setData({ 
     numberColor: res.data, 
    }) 
   } 
  }) 
 }, 
 inputValue: '', 
 data: { 
  isRandomColor: true,//默认随机 
  src: '', 
  numberColor: "#ff0000",//默认黑色 

  danmuList: [ 
   { 
    text: '第 1s 出现的红色弹幕', 
    color: '#ff0000', 
    time: 1 
   }, 
   { 
    text: '第 2s 出现的绿色弹幕', 
    color: '#00ff00', 
    time: 2 
   } 
  ] 
 }, 
 bindInputBlur: function (e) { 
  this.inputValue = e.detail.value 
 }, 
 bindSendDanmu: function () { 
  if (this.data.isRandomColor) { 
   var color = getRandomColor(); 
  } else { 
   var color = this.data.numberColor; 
  } 

  this.videoContext.sendDanmu({ 
   text: this.inputValue, 
   color: color 
  }) 
 }, 
 videoErrorCallback: function (e) { 
  console.log('视频错误信息:') 
  console.log(e.detail.errMsg) 
 }, 
 //选择颜色页面 
 selectColor: function () { 
  wx.navigateTo({ 
   url: '../selectColor/selectColor', 
   success: function (res) { 
    // success 
   }, 
   fail: function () { 
    // fail 
   }, 
   complete: function () { 
    // complete 
   } 
  }) 
 }, 
 //switch是否选中 
 switchChange: function (e) { 
  this.setData({ 
   isRandomColor: e.detail.value 
  }) 
 } 
}) 

3.音频播放无法而且播放三个音频.看文书档案.微信小程序
广播音频文书档案

4.selectColor.wxml

demo代码下载:demo

<!--selectColor.wxml--> 
<view class="page"> 
  <view class="page__bd"> 
    <view class="weui-grids"> 
      <block wx:for-items="{{color}}" > 
        <view class="weui-grid" data-number="{{item.number}}" bindtap="selectColor" > 
          <view class="weui-grid__icon" style="background:{{item.number}}"/> 
        </view> 
      </block> 
    </view> 
  </view> 
</view> 

如上就是本文的全部内容,希望对我们的读书抱有支持,也希望大家多多支持脚本之家。

5.selectColor.wxss

您或然感兴趣的篇章:

  • 微信小程序
    audio音频播放详解及实例
  • 微信小程序 奥迪o
    API详解及实例代码
  • 微信小程序 audio
    组件实例详解
  • 微信小程序媒体组件详解(录制,音乐,图片)
  • 微信小程序-图片、录音、音频播放、音乐播放、录像、文件代码实例
  • 微信小程序行使video组件播放录像作用示例【附源码下载】
  • 微信小程序开辟之录像播放器 Video 弹幕
    弹幕颜色自定义实例
  • 微信小程序
    vidao达成录制播放和弹幕的效果
  • 微信小程序page的生命周期和拍子播放及监听实例详解
  • 微信小程序行使audio组件播放音乐作用示例【附源码下载】
/**selectColor.wxss**/ 
.weui-grids { 
 border-top: 1rpx solid #D9D9D9; 
 border-left: 1rpx solid #D9D9D9; 
} 
.weui-grid { 
 position: relative; 
 float: left; 
 padding: 20rpx 20rpx; 
 width: 20%; 
 box-sizing: border-box; 
 border-right: 1rpx solid #D9D9D9; 
 border-bottom: 1rpx solid #D9D9D9; 
} 
.weui-grid_active { 
 background-color: #ccc; 
} 
.weui-grid__icon { 
 display: block; 
 width: 100rpx; 
 height: 100rpx; 
 margin: 0 auto; 
 box-shadow: 3px 3px 5px #bbb; 

} 
.weui-grid__label { 
 margin-top: 5px; 
 display: block; 
 text-align: center; 
 color: #000000; 
 font-size: 14px; 
 white-space: nowrap; 
 text-overflow: ellipsis; 
 overflow: hidden; 
} 

6.selectColor.js

/selectColor.js 
//获取应用实例 
var app = getApp() 
Page({ 
 data: { 
  color: [ 
   { key: 1, color: ' 白色 ', number: '#FFFFFF' }, 

   { key: 2, color: ' 红色 ', number: '#FF0000' }, 

   { key: 3, color: ' 绿色 ', number: '#00FF00' }, 

   { key: 4, color: ' 蓝色 ', number: '#0000FF' }, 

   { key: 5, color: ' 牡丹红 ', number: '#FF00FF' }, 

   { key: 6, color: ' 青色 ', number: '#00FFFF' }, 

   { key: 7, color: ' 黄色 ', number: '#FFFF00' }, 

   { key: 8, color: ' 黑色 ', number: '#000000' }, 

   { key: 9, color: ' 海蓝 ', number: '#70DB93' }, 

   { key: 10, color: ' 巧克力色 ', number: '#5C3317' }, 

   { key: 11, color: ' 蓝紫色 ', number: '#9F5F9F' }, 

   { key: 12, color: ' 黄铜色 ', number: '#B5A642' }, 

   { key: 13, color: ' 亮金色 ', number: '#D9D919' }, 

   { key: 14, color: ' 棕色 ', number: '#A67D3D' }, 

   { key: 15, color: ' 青铜色 ', number: '#8C7853' }, 

   { key: 16, color: ' 2号青铜色 ', number: '#A67D3D' }, 

   { key: 17, color: ' 士官服蓝色 ', number: '#5F9F9F' }, 

   { key: 18, color: ' 冷铜色 ', number: '#D98719' }, 

   { key: 19, color: ' 铜色 ', number: '#B87333' }, 

   { key: 20, color: ' 珊瑚红 ', number: '#FF7F00' }, 

   { key: 21, color: ' 紫蓝色 ', number: '#42426F' }, 

   { key: 22, color: ' 深棕 ', number: '#5C4033' }, 

   { key: 23, color: ' 深绿 ', number: '#2F4F2F' }, 

   { key: 24, color: ' 深铜绿色 ', number: '#4A766E' }, 

   { key: 25, color: ' 深橄榄绿 ', number: '#4F4F2F' }, 

   { key: 26, color: ' 深兰花色 ', number: '#9932CD' }, 

   { key: 27, color: ' 深紫色 ', number: '#871F78' }, 

   { key: 28, color: ' 深石板蓝 ', number: '#6B238E' }, 

   { key: 29, color: ' 深铅灰色 ', number: '#2F4F4F' }, 

   { key: 30, color: ' 深棕褐色 ', number: '#97694F' }, 

   { key: 32, color: ' 深绿松石色 ', number: '#7093DB' }, 

   { key: 33, color: ' 暗木色 ', number: '#855E42' }, 

   { key: 34, color: ' 淡灰色 ', number: '#545454' }, 

   { key: 35, color: ' 土灰玫瑰红色 ', number: '#856363' }, 

   { key: 36, color: ' 长石色 ', number: '#D19275' }, 

   { key: 37, color: ' 火砖色 ', number: '#8E2323' }, 

   { key: 38, color: ' 森林绿 ', number: '#238E23' }, 

   { key: 39, color: ' 金色 ', number: '#CD7F32' }, 

   { key: 40, color: ' 鲜黄色 ', number: '#DBDB70' }, 

   { key: 41, color: ' 灰色 ', number: '#C0C0C0' }, 

   { key: 42, color: ' 铜绿色 ', number: '#527F76' }, 

   { key: 43, color: ' 青黄色 ', number: '#93DB70' }, 

   { key: 44, color: ' 猎人绿 ', number: '#215E21' }, 

   { key: 45, color: ' 印度红 ', number: '#4E2F2F' }, 

   { key: 46, color: ' 土黄色 ', number: '#9F9F5F' }, 

   { key: 47, color: ' 浅蓝色 ', number: '#C0D9D9' }, 

   { key: 48, color: ' 浅灰色 ', number: '#A8A8A8' }, 

   { key: 49, color: ' 浅钢蓝色 ', number: '#8F8FBD' }, 

   { key: 59, color: ' 浅木色 ', number: '#E9C2A6' }, 

   { key: 60, color: ' 石灰绿色 ', number: '#32CD32' }, 

   { key: 61, color: ' 桔黄色 ', number: '#E47833' }, 

   { key: 62, color: ' 褐红色 ', number: '#8E236B' }, 

   { key: 63, color: ' 中海蓝色 ', number: '#32CD99' }, 

   { key: 64, color: ' 中蓝色 ', number: '#3232CD' }, 

   { key: 65, color: ' 中森林绿 ', number: '#6B8E23' }, 

   { key: 66, color: ' 中鲜黄色 ', number: '#EAEAAE' }, 

   { key: 67, color: ' 中兰花色 ', number: '#9370DB' }, 

   { key: 68, color: ' 中海绿色 ', number: '#426F42' }, 

   { key: 69, color: ' 中石板蓝色 ', number: '#7F00FF' }, 

   { key: 70, color: ' 中春绿色 ', number: '#7FFF00' }, 

   { key: 71, color: ' 中绿松石色 ', number: '#70DBDB' }, 

   { key: 72, color: ' 中紫红色 ', number: '#DB7093' }, 

   { key: 73, color: ' 中木色 ', number: '#A68064' }, 

   { key: 74, color: ' 深藏青色 ', number: '#2F2F4F' }, 

   { key: 75, color: ' 海军蓝 ', number: '#23238E' }, 

   { key: 76, color: ' 霓虹篮 ', number: '#4D4DFF' }, 

   { key: 77, color: ' 霓虹粉红 ', number: '#FF6EC7' }, 

   { key: 78, color: ' 新深藏青色 ', number: '#00009C' }, 

   { key: 79, color: ' 新棕褐色 ', number: '#EBC79E' }, 

   { key: 80, color: ' 暗金黄色 ', number: '#CFB53B' }, 

   { key: 81, color: ' 橙色 ', number: '#FF7F00' }, 
  ], 
 }, 

 onLoad: function () { 

 }, 
 //点击后关闭选色页面 
 selectColor: function (e) { 
  var number = e.currentTarget.dataset.number; 
  console.log("number: " + number) 
  try { 
   wx.setStorageSync('numberColor', number) 
  } catch (e) { 
  } 
  wx.navigateBack({ 
   delta: 1, // 回退前 delta(默认为1) 页面 
   success: function (res) { 
    // success 
   }, 
   fail: function () { 
    // fail 
   }, 
   complete: function () { 
    // complete 
   } 
  }) 
 } 
}) 

demo代码下载:demo

如上就是本文的全体内容,希望对我们的求学抱有帮助,也期望大家多多辅助脚本之家。

你可能感兴趣的小说:

  • 微信小程序
    audio音频播放详解及实例
  • 微信小程序 奥迪(Audi)o
    API详解及实例代码
  • 微信小程序 audio
    组件实例详解
  • 微信小程序媒体组件详解(录像,音乐,图片)
  • 微信小程序-图片、录音、音频播放、音乐广播、录制、文件代码实例
  • 微信小程序选取video组件播放录制效能示例【附源码下载】
  • 微信小程序开辟之录音机 音频播放 动画实例
    (真机可用)
  • 微信小程序
    vidao完结摄像播放和弹幕的法力
  • 微信小程序page的生命周期和音频播放及监听实例详解
  • 微信小程序行使audio组件播放音乐功效示例【附源码下载】

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图