index.js 8.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194
  1. import {
  2. createStoreBindings
  3. } from 'mobx-miniprogram-bindings'
  4. import {
  5. store
  6. } from '~/store/index'
  7. Page({
  8. /**
  9. * 页面的初始数据
  10. */
  11. data: {
  12. score: {},
  13. // 目前用来处理区分上传普通作品还是朗读赛作品
  14. readingType: '',
  15. uploadHide: '',
  16. // 朗读赛的id
  17. activityId: '',
  18. },
  19. /**
  20. * 生命周期函数--监听页面加载
  21. */
  22. async onLoad(options) {
  23. console.log(options);
  24. this.storeBindings = createStoreBindings(this, {
  25. store,
  26. fields: {
  27. userInfo: 'userInfo',
  28. readDetail: 'readDetail'
  29. },
  30. })
  31. this.storeBindings.updateStoreBindings()
  32. let score = this.data.readDetail
  33. console.log('score-----', score);
  34. wx.setNavigationBarTitle({
  35. title: score.title
  36. })
  37. this.setData({
  38. score,
  39. readingType: options.readingType ? options.readingType : '',
  40. activityId: options.activityId
  41. })
  42. },
  43. backReading() {
  44. let pagesList = getCurrentPages()
  45. let last = pagesList[pagesList.length - 2]
  46. if (last.route != 'pages/reading/index') {
  47. wx.redirectTo({
  48. url: `/pages/reading/index?videoId=${this.data.score.id}&reset=true&uploadHide=${this.data.uploadHide}&readingType=${this.data.readingType}`,
  49. })
  50. } else {
  51. const eventChannel = this.getOpenerEventChannel()
  52. eventChannel.emit('goback', {
  53. videoId: this.data.score.id,
  54. reset: true,
  55. uploadHide: this.data.uploadHide,
  56. readingType: this.data.readingType
  57. });
  58. wx.navigateBack({
  59. delta: 1
  60. })
  61. }
  62. },
  63. hideFooter() {
  64. this.setData({
  65. uploadHide: true
  66. })
  67. },
  68. creatShare() {
  69. let video = this.data.readDetail
  70. return new Promise((resolve, reject) => {
  71. let context = wx.createSelectorQuery();
  72. context
  73. .select('#share')
  74. .fields({
  75. node: true,
  76. size: true
  77. }).exec((res) => {
  78. const canvas = res[0].node;
  79. const ctx = canvas.getContext('2d');
  80. const dpr = wx.getSystemInfoSync().pixelRatio;
  81. canvas.width = res[0].width * dpr;
  82. canvas.height = res[0].height * dpr;
  83. ctx.scale(dpr, dpr);
  84. ctx.font = '14px PingFang';
  85. let pic = canvas.createImage();
  86. pic.src = video.resourcesType == 1 ? video.aBg : video.coverImg;
  87. pic.onload = () => {
  88. ctx.drawImage(pic, 0, 0, 375, 211);
  89. let peiyin = canvas.createImage();
  90. peiyin.src = '/static/peiyin.jpg';
  91. peiyin.onload = () => {
  92. ctx.drawImage(peiyin, 0, 211, 375, 89);
  93. //分享
  94. let fx = canvas.createImage();
  95. fx.src = '/static/share.png'
  96. fx.onload = () => {
  97. ctx.drawImage(fx, 12, 220, 20, 20)
  98. ctx.fillText('分享', 36, 238)
  99. // 收藏,一个一个渲染
  100. let sc = canvas.createImage();
  101. sc.src = '/static/no_collect.png'
  102. sc.onload = () => {
  103. ctx.drawImage(sc, 110, 220, 19, 19)
  104. ctx.fillText('收藏', 134, 238)
  105. //点赞
  106. let dz = canvas.createImage();
  107. dz.src = '/static/heart.png'
  108. dz.onload = () => {
  109. ctx.drawImage(dz, 318, 222, 22, 22)
  110. ctx.fillText(0, 254, 238)
  111. // 评论
  112. let pl = canvas.createImage();
  113. pl.src = '/static/comment.png'
  114. pl.onload = () => {
  115. ctx.drawImage(pl, 228, 222, 22, 22)
  116. ctx.fillText(0, 340, 238)
  117. if (video.resourcesType == 1) {
  118. let aBg = canvas.createImage();
  119. aBg.src = '/static/shareAudioBg.png';
  120. aBg.onload = () => {
  121. ctx.drawImage(aBg, 127.5, 38, 120, 120);
  122. let rate = 0.5
  123. ctx.arc(
  124. Math.floor(375 * rate),
  125. 98,
  126. Math.floor(100 * rate),
  127. 0,
  128. 2 * Math.PI
  129. );
  130. ctx.clip() //裁剪
  131. let coverImg = canvas.createImage();
  132. coverImg.src = video.coverImg;
  133. coverImg.onload = () => {
  134. ctx.drawImage( //定位在圆圈范围内便会出现
  135. coverImg, //图片暂存路径
  136. 129, 42,
  137. 110, 110,
  138. );
  139. ctx.restore()
  140. }
  141. }
  142. }
  143. setTimeout(() => {
  144. console.log(wx.getStorageSync('shareVideoId'), 'reading-wx.score');
  145. wx.canvasToTempFilePath({
  146. canvas: canvas,
  147. success(res) {
  148. resolve({
  149. title: '我的新作品发布啦,快来捧场点赞!',
  150. path: `/pages/pkPage/index?videoId=${wx.getStorageSync('shareVideoId')}&uid=${wx.getStorageSync('uid')}&isShare=true`,
  151. imageUrl: res.tempFilePath
  152. })
  153. },
  154. fail(res) {
  155. reject()
  156. }
  157. }, this)
  158. }, 500)
  159. }
  160. }
  161. }
  162. }
  163. }
  164. }
  165. })
  166. })
  167. },
  168. onShareAppMessage({
  169. from,
  170. target
  171. }) {
  172. if (from == 'button') {
  173. const promise = new Promise(resolve => {
  174. this.creatShare().then(res => {
  175. resolve(res)
  176. })
  177. })
  178. return {
  179. title: '我的新作品发布啦,快来捧场点赞!',
  180. path: `/pages/index/index?uid=${wx.getStorageSync('uid')}`,
  181. imageUrl: 'http://reader-wx.ai160.com/images/reader/v3/375-300-1.jpg',
  182. promise
  183. }
  184. } else {
  185. return {
  186. title: '自从用了它,家里朗朗书声,美妙极了!你家孩子也快来试试!',
  187. path: `/pages/index/index?uid=${wx.getStorageSync('uid')}`,
  188. imageUrl: 'http://reader-wx.ai160.com/images/reader/v3/375-300-1.jpg'
  189. }
  190. }
  191. },
  192. })