方案说明：
将播放器的使用流程进行了说明，以当前方案为准，设计稿部分有出入的地方，可以只使用相关的设计元素，然后具体的逻辑流程参考当前方案。
默认约定：
用户的登录操作只发生在用户需要登录的时候。
整个播放器有如下几种状态：播放视频，播放pattern，编辑pattern，再次编辑pattern，对应的"more"都有不同。
具体方案：
一、用户使用视频播放功能（用户未登陆）。
1.1 用户初次打开播放器以后，展示界面如下，左侧其实没有任何的内容，只有两个页签，页签默认选择了“Video”。
1）用户可以点击右侧播放区的内容，则会弹出具体的文件选中，用户选择文件为视频文件，则会出现在左侧视频中，然后开始播放。
2）用户也可以直接拖动视频到播放区，然后左侧出现视频文件，同时也开始进行播放。
1.2 如果用户选择了某个视频，开始播放视频，同时视频下的热门pattern通过视频名称或者视频编码从服务器自动匹配获取。
pattern展示规则比较简单：按照pattern的点赞数进行降序排列，点赞数越高的pattern排在最上面，并分页展示，一页展示5个。
pattern的展示包括：pattern 名称 ，点赞数据，玩具类型icon。
如果在这种情况下对pattern进行了点赞，则需要用户进行登录（用户登录界面，后续再介绍）。
1.3 如果用户双击某个pattern（如下图选择第二个pattern，选择的pattern高亮（设计图遗漏），视频会重新开始播放，同时
开始播放该pattern，同时唤起pattern的面板，由于用户并没有连接玩具，则对应的玩具icon为灰色，玩具的icon为对应的pattern中的玩具。
1.4 如果用户点击玩具按钮，则需要提示用户连接玩具，这个时候视频需要暂停播放。
1）如果用户点击了“PC Lovense Connect”，同时用户未开启connect，则提示用户进行开启connect。
2）如果用户点击采用“IOS/Android Lovense Connect”则弹出对应的二维码，用户可以扫码进行连接。
1.5 当Lovense Connect连接了玩具以后，则用户可以选择一个玩具来响应当前pattern（目前仅支持一次连接一个玩具），用户选择对应的玩具
来播放当前的pattern。
1.6 (编辑pattern）当用户选择了某个玩具以后，用户可以继续播放视频及pattern，玩具开始响应 。用户可以点击“Edit Pattern”，则在当前pattern的基础上编辑
新的pattern，用户也可以点击“more”按钮，选择新建pattern，或者快捷键设置。
快捷按键的设置如下
1.8 当用户点击了"Edit Pattern",“Edit Pattern”按钮变为“Save Pattern”，同时下面面板右侧出现了玩具编辑的面板，用户可以使用鼠标或者键盘进行玩具震动的编辑。
1.9 当用户编辑完成以后点击“Save Pattern”，则需要输入pattern名称，（这个时候需要校验pattern名称,即使用户还未登录），则这个pattern出现在该视频中
页签“My pattern”下。
1.10 用户切换上面的页签为“Pattern”，则可以看到自己编辑的pattern，其中下面还有两个页签，分布为“My Pattern”，则为用户自己编辑的pattern，“History”为用户
播放的历史记录的pattern。
1.11 用户双击对应的pattern来播放对应的视频及pattern，当用户点击“More”则可以进行“Edit Pattern”来编辑对应的pattern，可以点击“Share Pattern”来分享自己编辑的pattern
这个情况要判断用户是否登录，如果用户未登录，则弹出对应的登录选项，提示用户进行登录，同时用户也可以点击“Delete Pattern”来删除对应的pattern。
当用户点击了“Edit Pattern”之后，当用户点击“More”以后，用户可以进行“Save as”，则相当于对当前pattern进行新的备份，如果用户点击“Save Pattern”，则对当前pattern进行
覆盖。
二、用户进行了登录
2.1 如上图，当用户选择"Share Pattern"的时候，则会提示用户进行登录（即登录只发生在用户需要分享的时候），则弹出用户登录的按钮。
2.2 用户登录以后，用户以前创建的pattern还存在，用户也随时可以选择退出，同时用户登录以后，用户再次分享已创建的pattern，则用户
分享出去以后，弹出提示，提示用户分享成功。
2.3 用户也可以在没有玩具的状态下创建新的pattern，当用户点击了如下按钮，则可以新建pattern，如果用户已经连接了玩具，则直接创建当前玩具的
pattern。
如果用户未连接玩具，则弹出选择玩具的选项，用户可以选择想要创建的玩具类型。
当用户选择“Other Toys”的时候，则可以弹出所有的玩具类型。
三、其他流程
3.1切换玩具流程
当用户点击玩具icon的时候，可以进行玩具的切换，如果用户正在编辑pattern，则需要提示用户切换玩具以后现有的pattern会应用在新的玩具上。
