Type-C接口双盲插便携显示器解决方案 兼容性最好的LDR6282+RTD2556芯片 适用于1080P/2K分辨率显示器 针对switch游戏机的视频扩展功能做了特别的适配

22 篇文章 0 订阅
1 篇文章 3 订阅

随着USB TYPE-C接口的普及,越来越多的手机和笔记本电脑都支持通过C接口输出视频。这个小巧而精密的接口,大有把传统的HDMI和DisplayPort接口取而代之的架势。特别是usb4的推出,更是为USB TYPE-C接口一统有线接口形态奠定了基础。在这样的背景下,显示器和电视机采用USB TYPE-C接口就成为了必然。那么怎样来设计基于USB-C接口的显示器和电视机才能具有更好的兼容性,并通过认证呢?下面让我们来抽丝剥茧的对双盲插全功能USB-C接口方案讲述+HDMI接口(俗称双盲插USB-C显示器)方案进行阐述。
 

接下来我们来看看这款USB-C双盲插便携显示器:

双USB USB-C接口的便携显示器项目。其中两个USB Type-C接口在功能上是对等的,双C可接电源,也可以接电脑手机设备,但同时刻,系统只能接一个适配器和一个投屏设备,不考虑同时接两个适配器和两个投屏设备的非正规情况。由于两个C口的电压是一样的,且由投屏设备请求决定,所以系统输入功率会根据所接的设备不同而不同,因此本方案适用于普通功率的显示器和转接器,如1080P、2K分辨率显示器等功率要求一般的便携显示器。
 

接下来我们看看便携屏的PCB主板:

原来双盲插功能是得益于乐得瑞的LDR6282这颗芯片。LDR6282的双DRP及USB PD3.0功能,使得那些设置了双C口的显示器,具备两个C口可以任意盲插的功能,并支持任天堂Switch游戏机视频扩展。用户不必区分哪一个是充电口,哪一个是智能设备。LDR6282会根据USB PD协议解析,自动分配两个C口的连接关系。正如Macbook Pro对多个C口所做的智能适配。使用LDR6282+RTD2556可以非常方便的设计出USB-C接口的智能显示器。

我们看看LDR6282的应用简图:

双口DRP USB PD Controller LDR6282,顺利通过了USB-IF的PD3.0认证,TID: 2127。LDR6282芯片具有双C口DRP及USB PD3.0控制功能,广泛应用于USB-C Docking,USB-C 显示器,USB-C手机音频转接器,嵌入式安卓/linux系统等场合,在支持标准USB PD3.0/QC2.0/QC3.0协议的基础上,还专门针对任天堂游戏机Switch的视频扩展功能进行了特别适配,兼容性非常优秀。

LDR6282采用QFN32封装,这是它的脚位图:

 

该芯片还内置64K flash可以通过云端连接升级内部固件。让复杂的产品设计也可以安枕无忧,即使产品已经交付到了终端消费者手里仍然可以通过手机端APP或者是PC端应用程序进行固件升级。

1080P/2K 双USB Type-C接口盲插便携显示器解决方案 LDR6282部分电路如下(乐得瑞原厂可提供详细的设计参考电路图,并帮助客户达到量产): 

 

  • 1
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
代码片段:<view class="price_box_item"> <block v-for="(item,index) in priceData" :key="index" > <view class="item_con bg-image" :style="{'background-image':url(${OSSImgUrl}/images/20230403_newApp/box/offline_price_item_bg.png)}" @tap.stop="onSelectPrice(item, index)" > <view class="price_1">¥</view> <view class="price_2">{{item.price / 100}}</view> <image class="price_active" :src="${OSSImgUrl}/images/20230403_newApp/box/price_active.png" v-if="selectedPriceCode == item.priceCode" ></image> </view> </block> </view><!-- 支付组件 --> <confirm-order ref="offlinePay" :payData="payData" payType="offline" @onPay="onPay" ></confirm-order>// 支付组件 import ConfirmOrder from '@/components/confirm-order/confirm-order.vue';// 选择价位 onSelectPrice(item, index){ var that = this; uni.$u.throttle( ()=> { if(item.priceCode == this.selectedPriceCode) return this.selectedPriceCode = item.priceCode; this.payData.price = item.price / 100; console.log('this.payData.price', index) this.priceIndex = index; this.payData.name = item.price / 100 + '元双盲盒大礼包' },1000) }, 怎么通过选择不同的价位,选择对应的优惠券,优惠券在支付组件中,以下是组件中的优惠券代码片段:async mounted() { this.getAddressList(); this.getCouponList1(); }, computed:{ discountPrice(){ //优惠金额 let selectedCoupon = this.selectedCoupon; let price = this.payData.price; if(selectedCoupon.type === 1){ //折扣 return (price * ((100 - selectedCoupon.discount) / 100)).toFixed(2) }else if(selectedCoupon.type === 2){ //满减 return (selectedCoupon.subPrice / 100).toFixed(2) }else{ return 0.00 } } },
06-01
根据代码片段,可以看到在组件中添加了一个名为 `getCouponList1` 的方法,这个方法应该是用来获取优惠券列表的。可以在 `onSelectPrice()` 方法中调用这个方法来获取对应的优惠券列表。同时,在支付组件中,可以定义一个名为 `selectedCoupon` 的变量,用来存储用户选择的优惠券。当用户选择优惠券之后,可以将该优惠券信息存储在 `selectedCoupon` 变量中,并在计算优惠金额时使用。 修改后的代码可能如下所示: ``` // 选择价位 onSelectPrice(item, index){ var that = this; uni.$u.throttle( ()=> { if(item.priceCode == this.selectedPriceCode) return this.selectedPriceCode = item.priceCode; this.payData.price = item.price / 100; console.log('this.payData.price', index) this.priceIndex = index; this.payData.name = item.price / 100 + '元双盲盒大礼包' // 获取对应的优惠券列表 this.getCouponList1(); },1000) }, // 支付组件 <confirm-order ref="offlinePay" :payData="payData" payType="offline" @onPay="onPay" ></confirm-order> // 组件中的优惠券代码片段 async mounted() { this.getAddressList(); this.getCouponList1(); // 定义变量来存储用户选择的优惠券 this.selectedCoupon = null; }, computed:{ discountPrice(){ //优惠金额 let selectedCoupon = this.selectedCoupon; let price = this.payData.price; if(selectedCoupon.type === 1){ //折扣 return (price * ((100 - selectedCoupon.discount) / 100)).toFixed(2) }else if(selectedCoupon.type === 2){ //满减 return (selectedCoupon.subPrice / 100).toFixed(2) }else{ return 0.00 } } }, ``` 需要注意的是,在获取优惠券列表后,还需要将列表展示给用户,让用户选择相应的优惠券。选择优惠券后,需要将选中的优惠券信息存储在 `selectedCoupon` 变量中。同时,在计算优惠金额时需要使用该变量中存储的优惠券信息。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值