WebOS TV研发介绍

webOS也称为LG webOS,以前称为Open webOS,HP webOS和Palm webOS,是一款基于Linux内核的智能电视操作系统,其前身是一款智能手机操作系统。最初由Palm所开发,后来陆续被惠普和LG公司所收购,现成为LG的旗下产品。

LG的电视的应用都是基于WebOS的开发的,应用WebOS有一个最大的优点,就是可以直接在应用中包一层Web页面即可。LG电视的遥控器有一个特别的地方,就是能够将遥控器作为鼠标应用,所以可以操作Web。

### 素材和代码准备

  • Icon:在LG应用页面展示
  • LargeIcon:在LG应用页面展示
  • Index.html:入口文件,该文件就几行代码可解决,如下
<!DOCTYPE html>
<html>
<head>
	<script>location.href='https://www.joox.com';</script>
</head>
<body>
</body>
</html>

其中的href地址就是我们需要加载的Web页面应用

  • 以上素材准备完了,我们就需要生成一个appinfo文件
{
    "id": "com.lgdev.joox",
    "version": "0.0.1",
    "vendor": "Tencent",
    "type": "web",
    "main": "index.html",
    "title": "JOOX",
    "icon": "128x128.png",
    "largeIcon": "512x512.png",
    "bgImage": "launchBGImage.png",
    "uiRevision":2
}

|参数 | 说明 | 备注 |
| ------------ | ------------ |
| id | appid | 测试的时候随意定义了一个 |
| version | tv应用的版本号 | |
| vendor | 开发者名称 | |
| type |web就行,其他类型未知 | |
| main | 入口加载文件 | |
| title | 应用名称 | |
| icon | 应用图标 | |
| largeIcon | 应用大图标 | |
| bgImage | 加载背景图 | ||

最终文件保护下图所示的文件内容
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-KZZ60JuC-1584442849196)(http://km.oa.com/files/photos/pictures//20191030//1572416631_2.png)]

下载WebOS模拟器

1. 前往LG开发者官网下载
http://webostv.developer.lge.com/sdk/installation
请注意这里根据你当前的系统下载即可,请下载Full Package。
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-8rqJUnTS-1584442849197)(http://km.oa.com/files/photos/pictures//20191030//1572416247_91.png)]
2. 再安装执行,安装步骤在上面的地址也有指引,安装完成后,如果是在Mac上,前往应用程序中,可以看到webOS TV SDK。

3. 打开文件,点击Component Manager TV,运行后安装需要插件,主要是将虚拟机和Emulator 4安装上,这里可能会有bug,安装成功后,那个install状态还不会更新。

4. 接下来一步比较重要,安装成功虚拟机后,立马回到应用程序中webOS TV SDK,打开Emulator 4,这时候会拉起虚拟机,同时会启动。启动的时候这里需要去Mac的安全中心,允许该应用权限,不然后续会出现打不开异常,如果遇到问题,具体可以参考这篇文章。
https://url.cn/5TVWtHg

安装启动运行程序

成功安装应用程序后,在应用程序中的webOS TV SDK打开webOS TV CLI,这时候会启动Mac的命令行工具,然后到刚才的测试项目目录,依次运行如下命令。

打包本地文件
ares-package .
安装该文件包
ares-install  com.lgdev.hostedjssample_2.0.0_all.ipk
启动该应用
ares-launch com.lgdev.hostedjssample

结束后,就会自动启动Emulator打开该应用了,请注意,这个应用只能使用遥控器操作了。

备注

  1. 公司网络需要配置代理,如果是office wifi首次打开manager tv打不开,因此可以先切换为staff wifi

webOS也称为LG webOS,以前称为Open webOS,HP webOS和Palm webOS,是一款基于Linux内核的智能电视操作系统,其前身是一款智能手机操作系统。最初由Palm所开发,后来陆续被惠普和LG公司所收购,现成为LG的旗下产品。

LG的电视的应用都是基于WebOS的开发的,应用WebOS有一个最大的优点,就是可以直接在应用中包一层Web页面即可。LG电视的遥控器有一个特别的地方,就是能够将遥控器作为鼠标应用,所以可以操作Web。

### 素材和代码准备

  • Icon:在LG应用页面展示
  • LargeIcon:在LG应用页面展示
  • Index.html:入口文件,该文件就几行代码可解决,如下
<!DOCTYPE html>
<html>
<head>
	<script>location.href='https://www.joox.com';</script>
</head>
<body>
</body>
</html>

其中的href地址就是我们需要加载的Web页面应用

  • 以上素材准备完了,我们就需要生成一个appinfo文件
{
    "id": "com.lgdev.joox",
    "version": "0.0.1",
    "vendor": "Tencent",
    "type": "web",
    "main": "index.html",
    "title": "JOOX",
    "icon": "128x128.png",
    "largeIcon": "512x512.png",
    "bgImage": "launchBGImage.png",
    "uiRevision":2
}

|参数 | 说明 | 备注 |
| ------------ | ------------ |
| id | appid | 测试的时候随意定义了一个 |
| version | tv应用的版本号 | |
| vendor | 开发者名称 | |
| type |web就行,其他类型未知 | |
| main | 入口加载文件 | |
| title | 应用名称 | |
| icon | 应用图标 | |
| largeIcon | 应用大图标 | |
| bgImage | 加载背景图 | ||

最终文件保护下图所示的文件内容
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-433r2I3F-1584442849546)(http://km.oa.com/files/photos/pictures//20191030//1572416631_2.png)]

下载WebOS模拟器

1. 前往LG开发者官网下载
http://webostv.developer.lge.com/sdk/installation
请注意这里根据你当前的系统下载即可,请下载Full Package。
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-fsiB9W44-1584442849546)(http://km.oa.com/files/photos/pictures//20191030//1572416247_91.png)]
2. 再安装执行,安装步骤在上面的地址也有指引,安装完成后,如果是在Mac上,前往应用程序中,可以看到webOS TV SDK。

3. 打开文件,点击Component Manager TV,运行后安装需要插件,主要是将虚拟机和Emulator 4安装上,这里可能会有bug,安装成功后,那个install状态还不会更新。

4. 接下来一步比较重要,安装成功虚拟机后,立马回到应用程序中webOS TV SDK,打开Emulator 4,这时候会拉起虚拟机,同时会启动。启动的时候这里需要去Mac的安全中心,允许该应用权限,不然后续会出现打不开异常,如果遇到问题,具体可以参考这篇文章。
https://url.cn/5TVWtHg

安装启动运行程序

成功安装应用程序后,在应用程序中的webOS TV SDK打开webOS TV CLI,这时候会启动Mac的命令行工具,然后到刚才的测试项目目录,依次运行如下命令。

打包本地文件
ares-package .
安装该文件包
ares-install  com.lgdev.hostedjssample_2.0.0_all.ipk
启动该应用
ares-launch com.lgdev.hostedjssample

结束后,就会自动启动Emulator打开该应用了,请注意,这个应用只能使用遥控器操作了。

发布了81 篇原创文章 · 获赞 270 · 访问量 30万+

猜你喜欢

转载自blog.csdn.net/danhuang2012/article/details/104928670