- wxml-to-canvas组件宽度适配问题?
[图片] 如题,我们设计稿大概是按照iphone设备某种宽度设计的,用wxml-to-canvas组件因为canvas必须固定宽度,里面也没办法写@media query。在非375宽度的设备上,右侧会留出大块空白。请问这个如何做适配?难道要开发者自己一个个屏幕分辨率计算实际屏幕宽度/375的值,再去一个个乘以canvas中每一块需要输出的宽度?有没有更好的办法,或许是我想歪了,请赐教!
2020-11-19 - 为什么新接口wx.getRecorderManager录制音频上传后就不能播放
为什么小程序(新接口wx.getRecorderManager())录制的音频上传之后就不能(wx.createInnerAudioContext())播放了 //微信小程序新录音接口,录出来的是aac或者mp3,这里要录成mp3 const mp3Recorder = wx.getRecorderManager() const mp3RecoderOptions = { duration: 60000, sampleRate: 16000, numberOfChannels: 1, encodeBitRate: 48000, format: 'mp3', //frameSize: 50 } //本接口是 wx.createAudioContext 升级版。 const innerAudioContext = wx.createInnerAudioContext(); 在onload事件里: mp3Recorder.onStart(() => { console.log('mp3Recorder.onStart() recordOrderId:' + that.data.recordOrderId); }); mp3Recorder.onStop(function (res) { //....省略将音频文件上传到服务器代码 }); 在wxml页面里使用audio控件播放,会提示: VM3259:2 Uncaught (in promise) NotSupportedError: The element has no supported sources. 自己加一个按钮用于测试点击播放也不行: //开始播放: audioPlay:function(event){ var currentControl = event.target; var url = currentControl.dataset.url; console.log(url); innerAudioContext.src = url; innerAudioContext.onPlay(() => { console.log('开始播放'); }); innerAudioContext.onError((res) => { console.log(res.errMsg); console.log(res.errCode); }) innerAudioContext.play(); } 难道新接口也需要自己去做base64解码后再存储到服务器?
2017-11-16