画中画

1. 什么是，以及怎么用画中画 Windows 10 Creators Update以后UWP提供了一个新的视图模式CompactOverlay，中文翻译成 紧凑的覆盖层 ？反正大部分时间我们都会称它为 画中画模式 。 上图中右上角即为进入画中画模式的微软“电影和电视”应用。 可以调用 ApplicationView.TryEnterViewModeAsync 函数进入或退出CompactOverlayer模式： //进入CompactOverlay模式 await ApplicationView.GetForCurrentView().TryEnterViewModeAsync(ApplicationViewMode.CompactOverlay); //返回默认模式 await ApplicationView.GetForCurrentView().TryEnterViewModeAsync(ApplicationViewMode.Default); 还可以使用 ViewModePreferences 控制进入CompactOverlay时窗口的大小： //进入CompactOverlay模式并将窗体设置为 200 x 200 像素 var preferences = ViewModePreferences.CreateDefault(ApplicationViewMode

在iOS8中，iOS开发框架中引入了一个新的视频框架AVKit，其中提供了视频开发类AVPlayerViewController用于在应用中嵌入播放视频的控件。 iOS9系统后，iPad Air正式开始支持多任务与画中画的分屏功能，所谓画中画，即是用户可以将当前播放的视频缩小放在屏幕上同时进行其他应用程序的使用。 这个革命性的功能将极大的方便用户的使用。开发者使用AVPlayerViewController可以十分方便的实现视频播放的功能并在一些型号的iPad上集成画中画的功能。 注意事项: * AVPlayerViewController提供了默认的可视化控制界面，要使用AVPlayerViewController需导入AVKit.h。 * AVPlayerViewController整合了一个完整的播放器，可以作为控制器进行操作显示。 * AVPlayerViewController可以支持播放本地及网络视频文件，支持以下格式：.mov、.mp4、.mpv、.3gp。 * 在循环播放视频的时,MPMoviePlayerController可以直接设置循环播放模式self.player.repeatMode = MPMovieRepeatModeOne;而AVPlyer和AVPlayerViewController都是需要添加通知去监测播放完成和后台切换到前台这个操作。

一个H5视频，可以从浏览器独立出来播放视频，看起来像是一个本地应用。画中画功能是chrome70+的新功能 官方例子， Github地址 <video id="video" src="https://example.com/file.mp4"></video> <button id="togglePipButton"></button> <script> const video = document.getElementById('video'); const togglePipButton = document.getElementById('togglePipButton'); // Hide button if Picture-in-Picture is not supported or disabled. togglePipButton.hidden = !document.pictureInPictureEnabled || video.disablePictureInPicture; togglePipButton.addEventListener('click', function() { // If there is no element in Picture-in-Picture yet, let’s request // Picture-in-Picture