返回博客首页
← 所有文章

插件:跨平台视频播放器

2016 年 2 月 8 日 — 作者 Dan Wilson

谁喜欢有趣的猫视频?你的用户是否在你的 NativeScript 应用程序中要求更多猫视频?你如何在你的 NativeScript 应用程序中插入这些猫视频的视频播放器?

好吧,在今天之前,你可能只是用 Javascript 调用了 iOS 或 Android 的原生视频播放器。这就是 NativeScript 的强大之处,对吧?无需绑定或混乱的代码,只需直接 100% 的原生 API 访问。

著名的企业家 Brad Martin 编写了 一个针对 NativeScript 的跨平台视频播放器插件,以便在你的 NativeScript 应用程序中轻松包含视频播放器。只需在你的视图层中声明播放器,相应的原生视频播放器将在运行时执行。

01.<Page xmlns="http://schemas.nativescript.org/tns.xsd"
02.    xmlns:VideoPlayer="videoplayer">
03.    <StackLayout>
04.        <VideoPlayer:Video
05.        loaded="videoplayerLoaded"
06.        finished="videoFinished"
07.        autoplay="true"
08.        height="300"
09.        src="~/videos/small.mp4" />
10. 
11.        <!-- 这里有一个远程文件用于测试 https://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4 -->
12. 
13.    </StackLayout>
14.</Page>


要查看它的外观,查看 Brad 的推文中嵌入的视频

鸣谢

如果你想看到自己的名字出现在这里,目前团队正在寻找能够添加在 iOS 中加载远程视频功能的人。

编辑:这篇文章发布一小时后,我们收到通知,Alex Ziskind 已经更新了 iOS 版本以处理远程视频。#BreakneckSpeed #OpenSourceFTW #GoTeam