添加活动视频效果

app_list.json

@@ -1,7 +1,7 @@
 {
   "taroConfig": {
-    "version": "1.4.9",
-    "desc": "更改人物动漫化"
+    "version": "1.5.3",
+    "desc": "更改绘画详情页"
   },
   "app_list": [
     {

config/index.js

@@ -30,6 +30,10 @@ const config = {
   },
   copy: {
     patterns: [
+      {
+        from: 'src/native-pages',
+        to: 'dist/native-pages'
+      }
     ],
     options: {
     }

package.json

@@ -81,7 +81,7 @@
         "webpack": "5.69.0"
     },
     "taroConfig": {
-        "version": "1.4.9",
-        "desc": "更改人物动漫化"
+        "version": "1.5.3",
+        "desc": "更改绘画详情页"
     }
 }

src/api/config.js

@@ -1,7 +1,7 @@
 // 配置请求对象
 // 本地调试 dev 开发阶段
-export const baseUrl = "https://test-openai.fyshark.com";//测试
-// export const baseUrl = "https://openai.fyshark.com";//正式
+// export const baseUrl = "https://test-openai.fyshark.com";//测试
+export const baseUrl = "https://openai.fyshark.com";//正式
 // product 阶段
 // https://www.fastmock.site/mock/3f112f6cb2f621fc9c2dd6a14be19f38/beers/
 // 设计模式

src/app.config.js

@@ -5,7 +5,8 @@ export default defineAppConfig({
     'pages/index/index',
     "pages/mine/index",
     'pages/collection/index',
-    "pages/activity/index"
+    "pages/activity/index",
+    "native-pages/index/index"
   ],
   subpackages: [
     {

src/moduleB/pages/comic/index.jsx

@@ -306,7 +306,7 @@ export default class collection extends Component {
   }
   //充值
   toOrder () {
-    if (this.state.isIos) {
+    if (this.state.creatInfo.ios_status==0) {
       Taro.showToast({
         title: 'ios暂不支持充值',
         icon: 'none',
@@ -464,7 +464,7 @@ export default class collection extends Component {
             >
               <View className='result-recharge-button-content'>
                 <View className='result-recharge-button-top'>【限时抢购】无广告！</View>
-                <View className='result-recharge-button-bottom'>9.9元→{this.state.models.money_week / 100}元/周！
+                <View className='result-recharge-button-bottom'>9.9元→{this.state.creatInfo.money_week / 100}元/周！
                 </View>
               </View>
             </View>

src/moduleB/pages/comicActivity/index.jsx

@@ -288,7 +288,7 @@ export default class collection extends Component {
   }
   //充值
   toOrder () {
-    if (this.state.isIos) {
+    if (this.state.models.ios_status==0) {
       Taro.showToast({
         title: 'ios暂不支持充值',
         icon: 'none',

src/moduleB/pages/comicActivityCurrent/index.jsx

@@ -131,7 +131,6 @@ export default class collection extends Component {
   }
   //看广告画图
   playVideoGeneratePictures () {
-
     if (!this.state.isImage) {
       Taro.showToast({ title: '请先上传图片', icon: 'none' })
       return
@@ -292,7 +291,7 @@ export default class collection extends Component {
   }
   //充值
   toOrder () {
-    if (this.state.isIos) {
+    if (this.state.models.ios_status==0) {
       Taro.showToast({
         title: 'ios暂不支持充值',
         icon: 'none',
@@ -402,7 +401,7 @@ export default class collection extends Component {
                   ></Image> */}
                    <Video
                     className='album_swiper_video'
-                    src={'http://video-img.fyshark.com/16832726796725%E6%9C%885%E6%97%A5(1).mp4'}
+                    src={this.state.models.video_url}
                     showCenterPlayBtn={false}
                     showPlayBtn={false}
                     showFullscreenBtn={false}

src/moduleB/pages/comicActivityCurrentDetail/index.jsx

@@ -342,63 +342,11 @@ export default class collection extends Component {
       urls: [`${this.state.draw_infos[this.state.current].img}`] // 需要预览的图片http链接列表  
     })
   }
-  onUploadDouyinVideo  () {
-    // 通过 uploadOptions 可以拿到 button target 上的一些信息
-    // 如这里的 demo 可以拿到 id: "1"，hello: "world"
-    console.log("onUploadDouyinVideoOptions: ", uploadOptions);
-
-    // 可以利用异步能力配合其他 API 获取必要的字段信息
-    const videoPath = this.chooseVideo();
-    console.log("videoPath:", videoPath);
-    // 返回值（文档中称之为 uploadParams）将被当作发布参数传入视频发布器，发布视频
-    return {
-      videoPath,
-      stickersConfig: {
-        text: [
-          {
-            text: "这是文字贴图",
-            color: "#ffffff",
-            fontSize: 28,
-            scale: 1,
-            x: 0.5,
-            y: 0.5,
-          },
-        ],
-      },
-      success: function (callback) {
-        // 只有当发布成功且挂载成功时，success callback 才会有 videoId
-        console.log("success: ", callback);
-      },
-      fail: function (callback) {
-        console.log("fail: ", callback);
-      },
-      complete: function (callback) {
-        console.log("complete: ", callback);
-      },
-    };
-  }
-  // chooseVideo () {
-  //   return new Promise((resolve) => {
-  //     tt.chooseVideo({
-  //       sourceType: ["album", "camera"],
-  //       compressed: true,
-  //       success: (res) => {
-  //         resolve(res.tempFilePath);
-  //       },
-  //       fail: (err) => {
-  //         let errType = err.errMsg.includes("chooseVideo:fail cancel")
-  //           ? "取消选择"
-  //           : "选择失败";
-  //         tt.showModal({
-  //           title: errType,
-  //           content: err.errMsg,
-  //           showCancel: false,
-  //         });
-  //         resolve("");
-  //       },
-  //     });
-  //   });
-  // }
+  onUploadDouyinVideo = async () => {
+    Taro.navigateTo({
+      url: `/native-pages/index/index?videoUrl=http://video-img.fyshark.com/16833402744695%E6%9C%885%E6%97%A5(1).mp4`
+    })
+  };
 
 
   render () {
@@ -443,16 +391,16 @@ export default class collection extends Component {
         {/* <View className='send'>
           <View className='sendTT'>一键发抖音</View>
         </View> */}
-        <View className='control'>
-          <View className='download' onClick={e => (this.download())}>保存图片</View>
-          <View className='toIndex' onClick={e => (this.toIndex())}>前往探索更多玩法</View>
-        </View>
-        <Button openType="uploadDouyinVideo">
-          uploadDouyinVideo
-        </Button>
-        <button open-type="uploadDouyinVideo" id="1" data-hello="world">
-          发布
-        </button>
+        {
+          this.state.draw_infos.length > 0 && this.state.draw_infos[this.state.current].status == 2 &&
+          <View className='control'>
+            <View className='download' onClick={e => (this.download())}>保存图片</View>
+            <View className='toIndex' onClick={e => (this.toIndex())}>前往探索更多玩法</View>
+          </View>
+        }
+        {/* <Button open-type="uploadDouyinVideo" className='upload-button' onClick={this.onUploadDouyinVideo}>
+          上传抖音视频
+        </Button> */}
       </View>
     )
   }

src/moduleB/pages/comicActivityDetail/index.jsx

@@ -265,7 +265,7 @@ export default class collection extends Component {
           draw_status: res.data.draw_status,
           que_cnt: res.data.que_cnt,
           draw_infos: draw_infos,
-          is_week:res.data.is_week,
+          is_week: res.data.is_week,
           wallet_balance: res.data.wallet_balance
         })
       }
@@ -385,10 +385,13 @@ export default class collection extends Component {
         {/* <View className='send'>
           <View className='sendTT'>一键发抖音</View>
         </View> */}
-        <View className='control'>
-          <View className='download' onClick={e => (this.download())}>保存图片</View>
-          <View className='toIndex' onClick={e => (this.toIndex())}>前往探索更多玩法</View>
-        </View>
+        {
+          this.state.draw_infos.length > 0 && this.state.draw_infos[this.state.current].status == 2 &&
+          <View className='control'>
+            <View className='download' onClick={e => (this.download())}>保存图片</View>
+            <View className='toIndex' onClick={e => (this.toIndex())}>前往探索更多玩法</View>
+          </View>
+        }
       </View>
     )
   }

src/moduleB/pages/comicDetail/index.jsx

@@ -397,10 +397,13 @@ export default class collection extends Component {
         {/* <View className='send'>
           <View className='sendTT'>一键发抖音</View>
         </View> */}
+        {
+          this.state.draw_infos.length > 0 && this.state.draw_infos[this.state.current].status==2&&
         <View className='control'>
           <View className='download' onClick={e => (this.download())}>保存图片</View>
           <View className='toIndex' onClick={e => (this.toIndex())}>前往探索更多玩法</View>
         </View>
+        }
       </View>
     )
   }

src/native-pages/index/index.js

@@ -0,0 +1,100 @@
+// index.js
+Page({
+  data: {
+    videoUrl:'',
+  },
+   onLoad(options){
+    console.log(options,'pages');
+    this.setData({
+      videoUrl: options.videoUrl
+    })
+    console.log(this.data.videoUrl,'videoUrl');
+  },
+  // onUploadDouyinVideo 和 onLoad 等其他钩子同级
+  async onUploadDouyinVideo (uploadOptions) {
+    // 通过 uploadOptions 可以拿到 button target 上的一些信息
+    // 如这里的 demo 可以拿到 id: "1"，hello: "world"
+    console.log("onUploadDouyinVideoOptions: ", uploadOptions);
+
+    // 可以利用异步能力配合其他 API 获取必要的字段信息
+    const videoPath = await this.chooseVideo();
+    console.log("videoPath:", videoPath);
+    // 返回值（文档中称之为 uploadParams）将被当作发布参数传入视频发布器，发布视频
+    return {
+      videoPath,
+      titleConfig: {
+        title: "视频标题",
+        mentionMarkers: [
+          {
+            start: 0,
+            openId: "标题里要 @ 的人",
+          },
+        ],
+        hashtagMarkers: [
+          {
+            start: 0,
+            hashtag: "标题里要 # 的话题",
+          },
+        ],
+      },
+      extra: {
+        anchor: {
+          anchorType: "app",
+          title: "【点击测试】AI绘画小程序",
+          path: "/moduleB/pages/comicActivityCurrent/index?style_id=37&c=tta3fed5433cc1e78401&s=05061053770",
+        },
+      },
+      success: function (callback) {
+        // 只有当发布成功且挂载成功时，success callback 才会有 videoId
+        console.log("success: ", callback);
+      },
+      fail: function (callback) {
+        console.log("fail: ", callback);
+      },
+      complete: function (callback) {
+        console.log("complete: ", callback);
+      },
+    };
+  },
+  chooseVideo () {
+    return new Promise((resolve) => {
+      tt.chooseVideo({
+        sourceType: ["album", "camera"],
+        compressed: true,
+        success: (res) => {
+          resolve(res.tempFilePath);
+        },
+        fail: (err) => {
+          let errType = err.errMsg.includes("chooseVideo:fail cancel")
+            ? "取消选择"
+            : "选择失败";
+          tt.showModal({
+            title: errType,
+            content: err.errMsg,
+            showCancel: false,
+          });
+          resolve("");
+        },
+      });
+    });
+  },
+  navigateBack () {
+    tt.navigateBack({
+      delta: 1,
+      success (res) {
+        console.log('success执行了', res);
+      },
+      fail (err) {
+        console.log('fail执行了', err);
+        tt.showModal({
+          title: "返回上一页失败",
+          content: "第一个页面不能 navigate back",
+          showCancel: false
+        });
+      },
+      complete (res) {
+        console.log('complete执行了', res);
+      }
+    });
+  },
+});

src/native-pages/index/index.json

@@ -0,0 +1,3 @@
+{
+    "usingComponents": {}
+}

src/native-pages/index/index.ttml

@@ -0,0 +1,16 @@
+<view class="intro">
+  <view class="banner-content" hover-class="none" hover-stop-propagation="false">
+    <video class='album_swiper_video' src="{{videoUrl}}" showCenterPlayBtn="{{false}}" showPlayBtn="{{false}}"
+      showFullscreenBtn="{{false}}" autoplay objectFit='cover' loop controls="{{false}}" x5-video-player-type='h5-page'
+      webkit-playsinline='true' x5-playsinline='true' x5-video-orientation='portraint'></video>
+  </view>
+  <view class="console" hover-class="none" hover-stop-propagation="false">
+    <view class="back" type="primary" bindtap="navigateBack">返回上一页</view>
+    <button class="" open-type="uploadDouyinVideo">
+      <image class="douyin-logo" src="http://video-img.fyshark.com/1683353853830%E6%8A%96%E9%9F%B3.png"
+        mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror="" bindload="">
+      </image>
+      保存视频并发布
+    </button>
+  </view>
+</view>

src/native-pages/index/index.ttss

@@ -0,0 +1,29 @@
+.intro {
+  padding: 48px 20px;
+  min-height: 100vh;
+  background-color: #041129;
+}
+.banner-content {
+  position: relative;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 100%;
+  height: 700px;
+}
+.album_swiper_video {
+  width: 100%;
+  height: 100%;
+}
+.console{
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.back{
+
+}
+.douyin-logo{
+  width: 60px;
+  height: 60px;
+}