引入了sts播放器

manifest.json

@@ -6,13 +6,16 @@
         "request" : 3000
     },
     "transformPx" : false,
-	"icons": [{
+    "icons" : [
+        {
             "sizes" : "分辨率，192x192",
             "src" : "图片路径"
-	}],
+        }
+    ],
     "versionName" : "1.0.05",
     "versionCode" : 100,
     "app-plus" : {
+		"nvueCompiler" : "uni-app",
         "compatible" : {
             "ignoreVersion" : true
         },
@@ -29,7 +32,6 @@
             "Payment" : {},
             "Share" : {},
             "Camera" : {},
-			"VideoPlayer": {},
             "OAuth" : {}
         },
         "distribute" : {
@@ -161,7 +163,22 @@
         "splashscreen" : {
             "alwaysShowBeforeRender" : false
         },
-		"nativePlugins": {},
+        "nativePlugins" : {
+            "Zhimi-AliPlayer" : {
+                "__plugin_info__" : {
+                    "name" : "智密 - 阿里云UI播放器插件(仿爱奇艺播放器,自动旋转) - [试用版，仅用于自定义调试基座]",
+                    "description" : "集成阿里云播放器，支持倍速，分辨率，STS加密播放，音量亮度调节等功能",
+                    "platforms" : "Android,iOS",
+                    "url" : "https://ext.dcloud.net.cn/plugin?id=3518",
+                    "android_package_name" : "",
+                    "ios_bundle_id" : "",
+                    "isCloud" : true,
+                    "bought" : 0,
+                    "pid" : "3518",
+                    "parameters" : {}
+                }
+            }
+        },
         "uniStatistics" : {
             "enable" : true
         },
@@ -261,3 +278,4 @@
     }
 }
 // 小程序特有相关
+

pages.json

@@ -546,6 +546,14 @@
 				"navigationBarTitleText" : "工单提交页面",
 				"enablePullDownRefresh": true
 			}
+		},
+		{
+			"path" : "pages/stsViode/index/index",
+			"style" : 
+			{
+				"navigationBarTitleText" : "STS加密视频播放页面",
+				"enablePullDownRefresh": true
+			}
 		}
 	],
 	"globalStyle": {

pages/peanut/home.vue

@@ -36,6 +36,9 @@
 				</div>
 			</view>
 		</view>
+		<view class="">
+			<button @click="onPageJump('pages/stsViode/index/index')">进入sts播放页面</button>
+		</view>
 		<view class="newLeve2">	
 		<view class="home_nar nomargin" style="padding: 0; background-color: #fff;">
 			<view class="flexbox">

pages/stsViode/index/index.nvue

@@ -0,0 +1,82 @@
+<template>
+	<view>
+		<zhimi_aliplayer_view ref="playerView" style="width:100%;height:300px;"></zhimi_aliplayer_view>
+		<button type="primary" @click="start()">开始</button>
+		<button type="primary" @click="pause()">暂停</button>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				
+			}
+		},
+		onLoad() {
+		},
+		onShow () {
+			// this.start()
+		},
+		onHide () {
+			this.pause()
+		},
+		mounted() {
+			var playerView = this.$refs.playerView;
+			
+				// STS加密播放
+				playerView.setVidSts({
+					"vid": "000d96cd433771efbff25420848c0102",
+					"accessKeyId": "STS.NTYS5HX1bPvQjYWponDXq98bx",
+					"securityToken": "CAISwgJ1q6Ft5B2yfSjIr5fsGI/8te5D57S6aH/mlG87SNdd1v3Jmjz2IHhMdHFuB+4YsP41lWtS7f8alqJvRoRZXkHfdsp36Mz9Ip06gNCT1fau5Jko1beDewHKeT+ZsebWZ+LmNqS/Ht6md1HDkAJq3LL+bk/Mdle5MJqP+/EFA8oQUlv6F00kYu1bPQx/ssQXGGLMPPK2SH7Qj3HXEVBjt3gX6wo9y9zmnJXAtUaG1Qalmr5M9tyuGPX+MZkwZqUYesyuwel7epDG1CNt8BVQ/M909vccoWef4I/DXQcLuUTdabGNqscAMgh1fK8+Fr7vNBB7d2X80Aa6tfMUq34lVYk9O0xUFJynfgTCU6ovuoKM/1JX7+gpfvTOV/+7+kpvCikgLwgpMPFKCRxrQicnUVK3ROLZvj6DDGitI3p9FJNoufIdGoABGc7UOtm9DDU/pi0V+xiw0bs4lZxhVq3n0EsSuqIxfuLh/HgErS/Unge6W4gMtKjo5NG4zivw4FuOsTNvTOkhTwGFat8zKKddIbld+X7HGS4rvTQmyj+u80IMkJ0JtE4AvVKkaDpcUS07xI8U838hiORuChj53SJCAXRX3IHxAY8gAA==",
+					"accessKeySecret": "2SGXYPudEcWhwCJJNVya3GqfJ16e12gDQ7JZT8xiWH2F",
+					"expireTime": "2024-07-17T02:20:21Z",
+					"Region": "cn-shanghai",
+				});
+			
+		 
+			// playerView.setLocalSource({
+			// 	// uri:"https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/2minute-demo.mp4"
+			// 	 uri:"https://api3.mp4.to/static/downloads/9ab684a5-bc96-48e0-9bbf-8891649f0af5/sample-30s.m3u8"
+			// });
+			
+			let isFullScreen = true;
+			// fixed fullscreen play on android
+			if (plus.os.name.toLowerCase() === 'android') {
+				plus.key.addEventListener('backbutton', e => {
+					if (isFullScreen) {
+						playerView.changeScreenMode(0, false)
+						isFullScreen = false
+					} else {
+						// 这里由于安卓无法监听返回按键，这里只能通过plus监听，然后自己模拟退回
+						uni.navigateBack()
+					}
+				});
+			}
+			playerView.setPlayerCallBack(({ type, data }) => {
+				switch (type) {
+					case 'isFullScreen':
+						isFullScreen = Boolean(data)
+					break
+					default:
+					console.log({ type, data })
+				}
+			})
+		},
+		methods: {
+			start() {
+				// this.$refs.playerView.start();
+				var playerView = this.$refs.playerView;
+				playerView.start();
+			},
+			pause() {
+				var playerView = this.$refs.playerView;
+				playerView.pause();
+			}
+		}
+	}
+</script>
+
+<style>
+
+</style>

uni.scss

@@ -66,3 +66,67 @@ $uni-color-subtitle: #555555; // 二级标题颜色
 $uni-font-size-subtitle:36upx;
 $uni-color-paragraph: #3F536E; // 文章段落颜色
 $uni-font-size-paragraph:30upx;
+
+
+
+
+/* 行为相关颜色 */
+$uni-color-primary: #007aff;
+$uni-color-success: #4cd964;
+$uni-color-warning: #f0ad4e;
+$uni-color-error: #dd524d;
+
+/* 文字基本颜色 */
+$uni-text-color:#333;//基本色
+$uni-text-color-inverse:#fff;//反色
+$uni-text-color-grey:#999;//辅助灰色，如加载更多的提示信息
+$uni-text-color-placeholder: #808080;
+$uni-text-color-disable:#c0c0c0;
+
+/* 背景颜色 */
+$uni-bg-color:#ffffff;
+$uni-bg-color-grey:#f8f8f8;
+$uni-bg-color-hover:#f1f1f1;//点击状态颜色
+$uni-bg-color-mask:rgba(0, 0, 0, 0.4);//遮罩颜色
+
+/* 边框颜色 */
+$uni-border-color:#c8c7cc;
+
+/* 尺寸变量 */
+
+/* 文字尺寸 */
+$uni-font-size-sm:24rpx;
+$uni-font-size-base:28rpx;
+$uni-font-size-lg:32rpx;
+
+/* 图片尺寸 */
+$uni-img-size-sm:40rpx;
+$uni-img-size-base:52rpx;
+$uni-img-size-lg:80rpx;
+
+/* Border Radius */
+$uni-border-radius-sm: 4rpx;
+$uni-border-radius-base: 6rpx;
+$uni-border-radius-lg: 12rpx;
+$uni-border-radius-circle: 50%;
+
+/* 水平间距 */
+$uni-spacing-row-sm: 10px;
+$uni-spacing-row-base: 20rpx;
+$uni-spacing-row-lg: 30rpx;
+
+/* 垂直间距 */
+$uni-spacing-col-sm: 8rpx;
+$uni-spacing-col-base: 16rpx;
+$uni-spacing-col-lg: 24rpx;
+
+/* 透明度 */
+$uni-opacity-disabled: 0.3; // 组件禁用态的透明度
+
+/* 文章场景相关 */
+$uni-color-title: #2C405A; // 文章标题颜色
+$uni-font-size-title:40rpx;
+$uni-color-subtitle: #555555; // 二级标题颜色
+$uni-font-size-subtitle:36rpx;
+$uni-color-paragraph: #3F536E; // 文章段落颜色
+$uni-font-size-paragraph:30rpx;