听说开源MiniCPM-V2.6的图片识别能力超过gpt4v了,怎么本地使用?
网友回复
我们通过一个例子来试试,通过ui截图生成html代码,这个是ui截图
1、这个MiniCPM-V-2_6理解ui截图生成的代码:https://huggingface.co/spaces/openbmb/MiniCPM-V-2_6
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>通用后台管理系统</title> <style> body { font-family: Arial, sans-serif; margin: 0; padding: 0; } .header { background-color: #007BFF; color: white; display: flex; justify-content: space-between; align-items: center; padding: 10px; } .logo { font-size: 24px; } .menu { list-style-type: none; margin: 0; padding: 0; display: flex; } .menu-item { margin-right: 20px; } .main { padding: 20px; } .section { margin-bottom: 20px; } .section-title { font-size: 18px; margin-bottom: 10px; } .section-content { display: flex; } .section-content .statistic { flex-basis: 30%; text-align: center; } .section-content .statistic h3 { margin-top: 0; } .section-content .statistic p { margin-top: 10px; } .section-content .chart { flex-basis: 70%; } .section-content .chart img { width: 100%; } .section-content .work-statistics { display: flex; justify-content: space-between; } .section-content .work-statistics .statistics { flex-basis: 30%; } .section-content .work-statistics .statistics h3 { margin-top: 0; } .section-content .work-statistics .statistics p { margin-top: 10px; } .section-content .work-statistics .chart { flex-basis: 70%; } .section-content .work-statistics .chart img { width: 100%; } .section-content .user-evaluation { display: flex; justify-content: space-between; } .section-content .user-evaluation .user-profile { flex-basis: 30%; } .section-content .user-evaluation .user-profile img { width: 50px; height: 50px; } .section-content .user-evaluation .user-profile .info { margin-left: 20px; } .section-content .user-evaluation .user-profile .info h3 { margin-top: 0; } .section-content .user-evaluation .user-profile .info p { margin-top: 10px; } .section-content .user-evaluation .user-evaluation-info { flex-basis: 70%; } .section-content .user-evaluation .user-evaluation-info h3 { margin-top: 0; } .section-content .user-evaluation .user-evaluation-info p { margin-top: 10px; } .footer { background-color: #f9f9f9; padding: 20px; text-align: center; } </style> </head> <body> <div class="header"> <div class="logo">通用后台管理系统</div> <div class="menu"> <a href="#">首页</a> <a href="#">医生中心</a> <a href="#">用户管理</a> <a href="#">评测管理</a> <a href="#">报告查询</a> <a href="#">预约管理</a> <a href="#">星表管理</a> <a href="#">船舱数据</a> <a href="#">预约排班</a> <a href="#">问卷管理</a> </div> </div> <div class="main"> <div class="section"> <div class="section-title">早安,韩修洁医生</div> <div class="section-content"> <p>主任医师 联系电话:0551-123456 xxx社区医院</p> </div> </div> <div class="section work-statistics"> <div class="section-title">工作统计</div> <div class="section-content"> <div class="statistics"> <h3>累计已审核数</h3> <p>4320人</p> </div> <div class="statistics"> <h3>本周审核数</h3> <p>342人</p> </div> <div class="chart"> <img src="chart.png" alt="工作统计图表"> </div> </div> </div> <div class="section user-evaluation"> <div class="section-title">测评用户</div> <div class="section-content"> <div class="user-profile"> <img src="profile.jpg" alt="张丽丽"> <h3>张丽丽</h3> <p>联系电话:18245625362</p> <p>身份证:34012519930620</p> </div> <div class="user-evaluation-info"> <h3>婚姻状况:已婚</h3> <p>安徽省合肥市高新区xxx小区18#101</p> </div> <div class="user-profile"> <img src="profile.jpg" alt="张丽丽"> <h3>张丽丽</h3> <p>联系电话:18245625362</p> <p>身份证:34012519930620</p> </div> <div class="user-evaluation-info"> <h3>婚姻状况:已婚</h3> <p>安徽省合肥市高新区xxx小区...
点击查看剩余70%
腾讯混元模型广场里都是混元模型的垂直小模型,如何api调用?
为啥所有的照片分辨率提升工具都会修改照片上的图案细节?
js如何在浏览器中将webm视频的声音分离为单独音频?
微信小程序如何播放第三方域名url的mp4视频?
ai多模态大模型能实时识别视频中的手语为文字吗?
如何远程调试别人的chrome浏览器获取调试信息?
为啥js打开新网页window.open设置窗口宽高无效?
浏览器中js的navigator.mediaDevices.getDisplayMedia屏幕录像无法录制SpeechSynthesisUtterance产生的说话声音?
js中mediaRecorder如何录制window.speechSynthesis声音音频并下载?
python如何直接获取抖音短视频的音频文件url?