部分效果圖展示如下:

服務卡片
AIGC 服務
DEMO 說明
本 Demo 案例只是使用了 HarmonyOS 元服務卡片連接合規(guī)外網(wǎng)的能力進行 AIGC 元服務卡片概念演示,還不足以成為一個正式上架運營的元服務與萬能卡片。
我們認為基于 AIGC 能力類型的 HarmonyOS 元服務萬能卡片應該通過 API 方式調(diào)用合規(guī)訓練后的各具特色的模型與角色來服務用戶,通過萬能卡片、智能語音、手勢動作等更加自然友好的方式來和用戶交互。
我們既對互聯(lián)網(wǎng)、移動互聯(lián)網(wǎng)的多種應用形式進行了 HarmonyOS 原子化服務卡片的嘗試,也會基于 AIGC 對 HarmonyOS 元服務與萬能卡片進行探索。
特別期待的是盤古大模型對 HarmonyOS 元服務、應用的全面開放與支持。
部分代碼
①widget代碼
index.hml:index.css:
.container{
flex-direction:column;
justify-content:flex-end;
align-items:center;
width:100%;
height:100%;
background-repeat:no-repeat;
background-image:url('/common/ai.jpg');
background-size:cover;
}
.btn{
font-size:16px;
font-weight:bold;
text-color:#fffff869;
}
index.json:
{
"data":{
"title":"AI服務"
},
"actions":{
"routerEvent":{
"action":"router",
"bundleName":"com.example.aidemo.hmservice",
"abilityName":"com.example.aidemo.MainAbility",
"params":{
"message":"adddetail"
}
}
}
}
②page 代碼
index.hml:
<div>
<websrc="{{path}}"onpagestart="pageStart"onpagefinish="pageFinish"on:error="pageError">web>
div>
index.css:
.container{
flex-direction:column;
justify-content:center;
align-items:center;
width:100%;
height:100%;
}
index.js:
exportdefault{
data:{
path:"https://yiyan.baidu.com/invitationCode"
},
reloadWeb(){
this.$element('web').reload()
},
pageStart:function(e){
console.info('webpageStart:'+e.url)
},
pageFinish:function(e){
console.info('webpageFinish:'+e.url)
},
pageError:function(e){
console.info('webpageErrorurl:'+e.url)
console.info('webpageErrorerrorCode:'+e.errorCode)
console.info('webpageErrordescription:'+e.description)
}
}
完整代碼地址如下:
https://gitee.com/jltfcloudcn/jump_to/tree/master/AiDemo
關(guān)注我們
審核編輯 :李倩
-
智能語音
+關(guān)注
關(guān)注
11文章
798瀏覽量
49405 -
HarmonyOS
+關(guān)注
關(guān)注
80文章
2084瀏覽量
32243 -
文心一言
+關(guān)注
關(guān)注
0文章
130瀏覽量
1739 -
AIGC
+關(guān)注
關(guān)注
1文章
384瀏覽量
2276
原文標題:HarmonyOS服務卡片跑AIGC
文章出處:【微信號:gh_834c4b3d87fe,微信公眾號:OpenHarmony技術(shù)社區(qū)】歡迎添加關(guān)注!文章轉(zhuǎn)載請注明出處。
發(fā)布評論請先 登錄
HarmonyOS原子化服務卡片應用場景探索公開課部分問題回答
#HarmonyOS征文#HarmonyOS原子化服務-美食卡片嘗試
一文看懂HarmonyOS服務卡片運行原理和開發(fā)方法
HarmonyOS服務卡片動手實驗室資料
HarmonyOS卡片開發(fā)--服務卡片概述
HarmonyOS服務卡片開發(fā)-API接口簡析
HarmonyOS之服務卡片(Java)開發(fā)步驟
HarmonyOS原子化服務案例分享-蛟龍服務
用HarmonyOS元服務萬能卡片訓練一下文心一言的AIGC能力
HarmonyOS原子化服務卡片整改、下架、升級失敗部分原因及處理辦法
HarmonyOS元服務開發(fā)實踐:桌面卡片字典
華為開發(fā)者HarmonyOS零基礎(chǔ)入門:15分鐘玩轉(zhuǎn)harmonyOS服務卡片

評論