uniapp自定义消息语音

需求是后端推送的消息APP要响自定义语音,利用官方插件,总结下整体流程

uniapp后台配置

因为2.0只支持uniapp自己的后台发送消息,所以要自己的后台发送消息只能用1.0
在这里插入图片描述

插件地址和代码

插件地址: link

let isIos = (plus.os.name == "iOS");
	if (isIos) {
		setCustomPushChannel({
			soundName: 'ceshi',
			channelId: 'ceshi',
			channelDesc: 'ceshi',
			enableLights: true,
			enableVibration: true,
			importance: 4,
			lockscreenVisibility: 1
		});
	} else {
		const plugin = uni.requireNativePlugin("DCloud-PushSound");
		setTimeout(() => {
			plugin.setCustomPushChannel({
				soundName: 'ceshi',
				channelId: 'ceshi',
				channelDesc: 'ceshi',
				enableLights: true,
				enableVibration: true,
				importance: 4,
				lockscreenVisibility: 1
			});
		}, 500)
	}
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
uniapp中,可以通过自定义组件来实现自定义消息提示框。以下是一个示例: 1. 创建一个名为 `MessageDialog` 的自定义组件,在components文件夹下创建一个名为 `MessageDialog.vue` 的文件。代码如下: ```vue <template> <div class="message-dialog" v-show="show"> <div class="message-content"> <p>{{ message }}</p> <button @click="hide">关闭</button> </div> </div> </template> <script> export default { props: { message: { type: String, default: '' } }, data() { return { show: true } }, methods: { hide() { this.show = false; } } } </script> <style scoped> .message-dialog { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center; } .message-content { background-color: white; padding: 20px; border-radius: 5px; } .message-content p { margin-bottom: 10px; } .message-content button { background-color: #e5e5e5; border: none; padding: 8px 16px; } </style> ``` 2. 在需要使用消息提示框的地方,引入 `MessageDialog` 组件,并在需要的时候使用该组件进行消息提示。例如,在一个页面的 `script` 部分: ```javascript import MessageDialog from '@/components/MessageDialog.vue'; export default { components: { MessageDialog }, data() { return { showMessage: false, message: '' } }, methods: { showCustomMessage() { this.message = '这是一个自定义消息提示框'; this.showMessage = true; } } } ``` 3. 在模板中使用 `MessageDialog` 组件,例如: ```vue <template> <div> <button @click="showCustomMessage">显示消息提示框</button> <MessageDialog :message="message" v-show="showMessage" /> </div> </template> ``` 通过点击 "显示消息提示框" 按钮,就可以显示自定义消息提示框了。你可以根据需要修改消息提示框的样式和功能。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值