<script setup lang="ts">
useSeoMeta({
  title: '课程视频生成',
})

const testItem = {
  'id': 1599,
  'device_id': 'Test_Device_V3',
  'user_id': 1,
  'task_id': 'SQOeN1j2heRoQeGGTFh3Tu2WP9kUcz4L',
  'create_time': 1713408239,
  'token': 'not use',
  'progress': 100,
  'digital_human_id': 40696,
  'complete_time': 1713409821,
  'duration': 1578819,
  'video_url': 'https://static-xsh.oss-cn-chengdu.aliyuncs.com/file/2024-04-18/75d1e1cee595a7f5758c59289d1a74b9.mp4',
  'subtitle_url': 'https://static-xsh.oss-cn-chengdu.aliyuncs.com/file/2024-04-18/a95cfef4524e90f5509a5c248e5c2061.srt',
  'video_cover': 'https://static-xsh.oss-cn-chengdu.aliyuncs.com/file/2024-04-18/b4161a85573fc09be82fa7cf7dd9abfa.png',
  'custom_video': '[]',
  'title': '1-2 一键启动：零基础快速搭建Keil开发环境实操教程',
  'ppt_url': 'https://static-xsh.oss-cn-chengdu.aliyuncs.com/material/2024-04-18/0a8827a1ae32ece196536a19bab1dff5.pptx',
  'opening_url': '',
  'ending_url': '',
  'video_duration': 507,
  'message': 'ok',
  'speed': 1,
}
const testItem2 = {
  'id': 1599,
  'device_id': 'Test_Device_V3',
  'user_id': 1,
  'task_id': 'SQOeN1j2heRoQeGGTFh3Tu2WP9kUcz4L',
  'create_time': 1713408239,
  'token': 'not use',
  'progress': null,
  'digital_human_id': 40696,
  'complete_time': 1713409821,
  'duration': 1578819,
  'video_url': 'https://static-xsh.oss-cn-chengdu.aliyuncs.com/file/2024-04-18/75d1e1cee595a7f5758c59289d1a74b9.mp4',
  'subtitle_url': 'https://static-xsh.oss-cn-chengdu.aliyuncs.com/file/2024-04-18/a95cfef4524e90f5509a5c248e5c2061.srt',
  'video_cover': 'https://static-xsh.oss-cn-chengdu.aliyuncs.com/file/2024-04-18/b4161a85573fc09be82fa7cf7dd9abfa.png',
  'custom_video': '[]',
  'title': '1-2 一键启动：零基础快速搭建Keil开发环境实操教程',
  'ppt_url': 'https://static-xsh.oss-cn-chengdu.aliyuncs.com/material/2024-04-18/0a8827a1ae32ece196536a19bab1dff5.pptx',
  'opening_url': '',
  'ending_url': '',
  'video_duration': 507,
  'message': 'ok',
  'speed': 1,
}
</script>

<template>
  <div class="p-4">
    <BubbleTitle title="我的微课" subtitle="VIDEOS"/>
    <GradientDivider/>

    <div class="grid grid-cols-3 gap-4">
      <PPTGenerationRecord :record="testItem"/>
      <PPTGenerationRecord :record="testItem2"/>
    </div>

  </div>
</template>

<style scoped>

</style>