@quicktvui/ai 1.0.9 → 1.1.0

package/rules/.source/hellotv/src/pages/activity/scss/item.scss

@@ -0,0 +1,69 @@
+.item-corner{
+  color: white;
+  padding: 4px 8px;
+  height: 36px;
+  margin: 4px;
+  z-index: 1000
+}
+.focus-change-img-root-css{
+  position: absolute;
+  background-color: transparent;
+}
+.focus-change-img-css{
+  position: absolute;
+  background-color: transparent;
+  border-radius: $theme-img-border;
+  z-index: 899;
+}
+
+%inner-out{
+  position: absolute;
+  background-color: transparent;
+}
+
+.inner-out-title-root-css{
+  @extend %inner-out;
+  overflow: hidden;
+  flex-direction: row-reverse;
+}
+
+.inner-out-title-img{
+  @extend %inner-out;
+  border-radius: $theme-img-border;
+  z-index: 899;
+}
+.inner-out-title-text{
+  @extend %inner-out;
+  height: 60px;
+  z-index: 999;
+  color:rgba(255,255,255,0.55);
+  focus-color:#FFFFFF;
+}
+
+.no-title-item-root-css{
+  position: absolute;
+  background-color: transparent;
+  overflow: hidden;
+  flex-direction: row-reverse;
+}
+
+.no-title-item-img{
+  background-color: transparent;
+  z-index: 899;
+  position: absolute;
+  border-radius: $theme-img-border;
+}
+
+.placeholder-root-css{
+  position: absolute;
+  background-color: transparent;
+  display: flex;
+  z-index: 1;
+}
+
+.placeholder-img{
+  position: absolute;
+  background-color: transparent;
+  border-radius: $theme-img-border;
+  z-index: 899;
+}

package/rules/.source/hellotv/src/pages/detail/adapter/index.ts

@@ -0,0 +1,317 @@
+import {
+  QTWaterfall,
+  QTWaterfallItem,
+  QTWaterfallSection,
+  QTWaterfallSectionType,
+  QTWaterfallVisibleType,
+  QTMediaSeriesType,
+  QTMediaSeriesGroup,
+  QTMediaSeriesStyleType,
+  QTMediaSeriesData,
+  QTMediaSeriesGroupStyle,
+  QTMediaSeries,
+} from "@quicktvui/quicktvui3";
+import {
+  IMedia,
+  IMediaSeriesType,
+  IMediaItem,
+  IRecommendItem,
+} from "./interface";
+import ThemeConfig from "../../../config/theme-config";
+export const isTrySee = false; // 根据自有业务判断是否试看
+//build waterfall初始数据
+export function buildWaterfall(): QTWaterfall {
+  const waterfall: QTWaterfall = {
+    width: 1920,
+    height: 1080,
+    visibleType: QTWaterfallVisibleType.QT_WATERFALL_VISIBLE_TYPE_NORMAL,
+  };
+  return waterfall;
+}
+
+//build waterfall 板块数据
+export function buildSectionList(media: IMedia): Array<QTWaterfallSection> {
+  const sectionList: Array<QTWaterfallSection> = [
+    buildHeaderSection(),
+    buildBasicSection(media),
+    buildRecommendSection(media),
+    buildEndSection(),
+  ];
+  return sectionList;
+}
+export function buildHeaderSection(): QTWaterfallSection {
+  return {
+    _id: "1",
+    type: 1,
+    itemList: [],
+    style: {
+      width: 1920,
+      height: 135,
+    },
+  };
+}
+export function buildBasicSection(media: IMedia): QTWaterfallSection {
+  let sectionHeight = 550;
+  if (media.episodes > 1) {
+    switch (media.mediaSeriesType) {
+      case IMediaSeriesType.MEDIA_ITEM_LIST_TYPE_NUMBER: //数字
+        sectionHeight = 815;
+        break;
+      case IMediaSeriesType.MEDIA_ITEM_LIST_TYPE_LEFT_RIGHT: //左图右文
+        sectionHeight = 896;
+        break;
+      case IMediaSeriesType.MEDIA_ITEM_LIST_TYPE_TEXT: //文本
+        sectionHeight = 835;
+        break;
+      case IMediaSeriesType.MEDIA_ITEM_LIST_TYPE_TOP_DOWN: //上图下文
+        sectionHeight = 945;
+        break;
+    }
+  }
+  return {
+    _id: "2",
+    type: QTWaterfallSectionType.QT_WATERFALL_SECTION_TYPE_VUE,
+    itemList: [],
+    style: {
+      width: 1920,
+      height: sectionHeight,
+    },
+  };
+}
+function buildEndSection(): QTWaterfallSection {
+  return {
+    _id: "6",
+    type: QTWaterfallSectionType.QT_WATERFALL_SECTION_TYPE_END,
+    title: "已经到底啦，按【返回键】回到顶部",
+    titleStyle: {
+      width: 1920,
+      height: 180,
+      marginLeft: 90,
+      marginTop: 50,
+      // marginBottom: 40,
+      fontSize: 30,
+    },
+    itemList: [],
+    style: {
+      width: 1920,
+      height: 120,
+    },
+  };
+}
+
+//相关推荐
+export function buildRecommendSection(media: IMedia): QTWaterfallSection {
+  let upOffset = 0;
+  let downOffset = 660;
+  if (media.episodes > 1) {
+    upOffset = -50;
+    downOffset = 1000;
+  }
+
+  return {
+    _id: "5",
+    type: QTWaterfallSectionType.QT_WATERFALL_SECTION_TYPE_FLEX,
+    title: "相关推荐",
+    titleStyle: {
+      height: 60,
+      fontSize: 40,
+      marginBottom: 25,
+    },
+    itemList: [],
+    decoration: {
+      left: 80,
+    },
+    style: {
+      width: 1760,
+      height: 930,
+      spacing: 40,
+    },
+    //这里控制一下列表的滚动
+    scrollOverride: {
+      //在这个版块从下键移动时，下移1000
+      down: downOffset,
+      up: upOffset,
+    },
+  };
+}
+export function buildRecommendList(
+  recommendList: Array<IRecommendItem>,
+): Array<QTWaterfallItem> {
+  const itemList: Array<QTWaterfallItem> = [];
+  if (recommendList && recommendList.length > 0) {
+    for (let i = 0; i < recommendList.length; i++) {
+      const m = recommendList[i];
+      const item = buildRecommendItem(m);
+      item._id = i == 0 ? "releatedFirstId" : "";
+      itemList.push(item);
+    }
+  }
+  return itemList;
+}
+export function buildRecommendItem(
+  recommendItem: IRecommendItem,
+): QTWaterfallItem {
+  return {
+    type: 10011,
+    image: {
+      src: recommendItem.image,
+      enable: true,
+      style: {
+        width: 260,
+        height: 368,
+      },
+    },
+    title: {
+      text: recommendItem.title ?? "",
+      enable: true,
+      style: {
+        width: 260,
+      },
+    },
+    score: recommendItem.score,
+    style: {
+      width: 260,
+      height: 422,
+    },
+    corner: {
+      text: recommendItem.corner?.text ?? "",
+      enable: !!recommendItem.corner?.text,
+      style: {
+        width: 260,
+        height: 30,
+      },
+      background: {
+        colors: [
+          recommendItem.corner?.startColor ?? "#ffB67827",
+          recommendItem.corner?.endColor ?? "#ffB67827",
+        ],
+        cornerRadii4: [0, 8, 0, 8],
+        orientation: 2,
+      },
+    },
+    item: recommendItem,
+  };
+}
+
+//选集
+export function buildMediaSeriesType(
+  mediaSeriesType: IMediaSeriesType,
+): QTMediaSeriesType {
+  let type: QTMediaSeriesType =
+    QTMediaSeriesType.QT_MEDIA_SERIES_TYPE_LEFT_RIGHT;
+  switch (mediaSeriesType) {
+    case IMediaSeriesType.MEDIA_ITEM_LIST_TYPE_NUMBER: //数字
+      type = QTMediaSeriesType.QT_MEDIA_SERIES_TYPE_NUMBER;
+      break;
+    case IMediaSeriesType.MEDIA_ITEM_LIST_TYPE_LEFT_RIGHT: //左图右文
+      type = QTMediaSeriesType.QT_MEDIA_SERIES_TYPE_CUSTOM; // 使用自定义左图右文
+      break;
+    case IMediaSeriesType.MEDIA_ITEM_LIST_TYPE_TEXT: //文本
+      type = QTMediaSeriesType.QT_MEDIA_SERIES_TYPE_TEXT;
+      break;
+    case IMediaSeriesType.MEDIA_ITEM_LIST_TYPE_TOP_DOWN: //上图下文
+      type = QTMediaSeriesType.QT_MEDIA_SERIES_TYPE_TOP_DOWN;
+      break;
+  }
+  return type;
+}
+export function buildMediaSeriesGroup(): QTMediaSeriesGroup {
+  const groupStyle: QTMediaSeriesGroupStyle = {
+    groupMarginLeft: -100,
+    itemWidth: 213,
+    itemHeight: 52,
+    itemGap: 16,
+    mark: { color: "#00FFFFFF" },
+    textColor: {
+      normal: ThemeConfig.textNormalColorAndroid,
+      focused: ThemeConfig.textFocusColor,
+      selected: ThemeConfig.textSelectColor,
+    },
+    focusBackground: {
+      color: ThemeConfig.btnGradientFocusColor,
+      cornerRadius: [8, 8, 8, 8],
+      padding: [0, 0],
+    },
+    background: {
+      color: ThemeConfig.btnGradientNormalColor,
+      cornerRadius: [8, 8, 8, 8],
+      padding: [0, 0],
+      stroke: {
+        color: {
+          normal: "#80FFFFFF",
+          selected: "#80FFFFFF",
+        },
+        width: 0,
+      },
+    },
+  };
+  const group: QTMediaSeriesGroup = {
+    enable: true,
+    size: 10,
+    groupStyle: groupStyle,
+  };
+  return group;
+}
+export function buildMediaSeriesStyleType(): QTMediaSeriesStyleType {
+  const styleType: QTMediaSeriesStyleType =
+    QTMediaSeriesStyleType.QT_MEDIA_SERIES_STYLE_TYPE_DEFAULT;
+  return styleType;
+}
+export function buildMediaSeriesData(media: IMedia): QTMediaSeriesData {
+  const data: QTMediaSeriesData = {
+    initPosition: 0,
+    pageSize: 10,
+    totalCount: media.episodes ?? 10000,
+  };
+  return data;
+}
+export function buildMediaSeriesList(
+  list: Array<IMediaItem>,
+): Array<QTMediaSeries> {
+  const itemList: Array<QTMediaSeries> = [];
+  if (list && list.length > 0) {
+    for (let i = 0; i < list.length; i++) {
+      const m = list[i];
+      const item = buildMediaSeries(m);
+      itemList.push(item);
+    }
+  }
+  return itemList;
+}
+export function buildMediaSeries(item: IMediaItem): QTMediaSeries {
+  const vip = item.vipType == 0 ? false : true;
+  if (vip) {
+    return {
+      id: item.id,
+      title: item.title,
+      text:
+        item.episode < 10
+          ? "0" + item.episode + "\u0020" + item.title
+          : item.episode + item.title,
+      cover: item.cover,
+      flagText: "VIP",
+      duartion: "47.20",
+      vip: {
+        enable: true,
+        text: "VIP",
+      },
+      vipType: item.vipType,
+    };
+  } else {
+    return {
+      id: item.id,
+      title: item.title,
+      cover: item.cover,
+      text:
+        item.episode < 10
+          ? "0" + item.episode + "\u0020" + item.title
+          : item.episode + item.title,
+      duartion: "47.20",
+      vip: {
+        enable: false,
+        text: "VIP",
+      },
+      vipType: item.vipType,
+    };
+  }
+}

package/rules/.source/hellotv/src/pages/detail/adapter/interface.ts

@@ -0,0 +1,150 @@
+import { ESKeyEvent } from "@extscreen/es3-core";
+import { ESPlayerWindowType } from "@extscreen/es3-player";
+import { QTIBaseView } from "@quicktvui/quicktvui3/dist/src/base/QTIBaseView";
+import { QTListViewItem, QTICollapseItem } from "@quicktvui/quicktvui3";
+
+//选集展示类型
+export enum IMediaSeriesType {
+  MEDIA_ITEM_LIST_TYPE_NUMBER = 0,
+  MEDIA_ITEM_LIST_TYPE_LEFT_RIGHT = 1,
+  MEDIA_ITEM_LIST_TYPE_TEXT = 2,
+  MEDIA_ITEM_LIST_TYPE_TOP_DOWN = 3,
+}
+// 详情
+export interface IMedia {
+  //id
+  id: string;
+  //标题
+  title: string;
+  description: string;
+  //标签
+  tags: string;
+  //评分
+  actors: string;
+  score: string;
+  offLine: string;
+  vipType: string;
+  //集数
+  episodes: number;
+  episodesId: string;
+  //选集类型
+  mediaSeriesType: IMediaSeriesType | number;
+  [prop: string]: any;
+}
+export enum IEpisodeAuthType {
+  MEDIA_AUTH_TYPE_VIP = 0,
+  MEDIA_AUTH_TYPE_FREE = 1,
+}
+// 选集item
+export interface IMediaItem {
+  //分集id
+  id: string;
+  //分集展示的标题
+  title: string;
+  subTitle: string;
+  cover: string;
+  //
+  episode: number;
+  vipType: number;
+  [prop: string]: any;
+}
+// 相关推荐item
+export interface IRecommendItem {
+  id: string;
+  title: string;
+  image: string;
+  score: number;
+  [prop: string]: any;
+}
+export enum IMediaPlayerViewState {
+  MEDIA_PLAYER_VIEW_STATE_DISMISS = 0,
+  MEDIA_PLAYER_VIEW_STATE_PROGRESS = 1,
+  MEDIA_PLAYER_VIEW_STATE_MENU = 2,
+}
+export const MEDIA_PLAYER_ERROR_AUTH = -2000;
+//播放器url
+export interface IMediaUrl {
+  definition: string;
+  playUrl: string;
+}
+// 媒体播放器
+export interface IMediaPlayer extends QTIBaseView {
+  play(media: IMedia);
+  addMediaItemList(page: number, mediaList: Array<IMediaItem>);
+  playMediaItemById(id: string);
+  playMediaItemByIndex(index: number);
+  getPlayingMediaIndex(): number;
+  setFloatWindow();
+  setSmallWindow();
+  getWindowType(): ESPlayerWindowType;
+  getLoadLow(): boolean;
+  stop();
+  release();
+  resume();
+  reset();
+  setFullWindow(): void;
+  onKeyDown(keyEvent: ESKeyEvent): boolean;
+  onKeyUp(keyEvent: ESKeyEvent): boolean;
+  onBackPressed(): boolean;
+
+  changeVisible(value: boolean): void;
+}
+// 播放器折叠面板相关
+export interface IMediaCollapseItemListView extends QTICollapseItem {
+  setListData(dataList: Array<QTListViewItem>);
+  setItemFocused(position: number): void;
+  setItemSelected(position: number): void;
+}
+export interface IMediaCollapseMediaSeriesView extends QTICollapseItem {
+  init(media: IMedia): void;
+  setListData(page: number, mediaList: Array<IMediaItem>): void;
+  setItemFocused(position: number): void;
+  setItemSelected(position: number): void;
+  release(): void;
+}
+
+//获取收藏状态类型
+export interface ICollect {
+  platformId: string;
+  metaId: string;
+  assetLongId: string;
+  assetLongTitle?: string;
+  assetLongCoverH?: string;
+  assetLongCoverV?: string;
+}
+
+//api
+export interface DetailApi {
+  /**
+   * 获取详情页详情数据
+   */
+  getMediaDetail(id: string): Promise<IMedia>;
+  /**
+   * 获取详情页选集列表
+   */
+  getMediaSeriesList(
+    id: string,
+    page: number,
+    limit: number,
+  ): Promise<Array<IMediaItem>>;
+  /**
+   * 获取相关推荐数据
+   */
+  getRecommendList(id: string): Promise<Array<IRecommendItem>>;
+  /**
+   * 获取详情页播放请求地址
+   */
+  getPlayUrl(id: string, type: string): Promise<any>;
+  /**
+   * 获取历史/收藏 数据
+   */
+  getRecordData(id: string, deviceId: string, type: string): Promise<any>;
+  /**
+   * 上报历史/收藏
+   */
+  reportRecordData(data: any): Promise<any>;
+  /**
+   * 删除历史/收藏
+   */
+  deleteRecordData(id: string, deviceId: string, type: string): Promise<any>;
+}