// 加载已经训练好的特征提取器
featureExtractor = ml5.featureExtractor(‘MobileNet’, modelReady);
// capture is ready
classifier = featureExtractor.classification(capture, captureReady);
2. 添加训练样例: 添加按钮,输入框和触发事件。为保证对于类别可以自动输入,以及结果显示类别,这里做了修改。能够实现:用户输入类别个数后,弹出相应个数的输入框,用户输入类别名称,最后预测时在屏幕也能够显示用户输入的类别名称。
select(‘#train’).mousePressed(function(){
classifier.train(whileTraining);
});
// inp = createInput(‘Categries’); // 加入输入框
select(‘#input’).input(myInputEvent); // 触发事件
function myInputEvent(){
classifier.numClasses = select(‘#input’).value();
for (let i = 1; i <= select(‘#input’).value(); i++) {
na[i] = createInput(‘category’ + i);
na[i].input(function(){
x = i;
call[x] = na[i].value();
})
btn = createButton(‘Add’);
keypressed[i] = 0;
btn.mousePressed(function(){
index = i;
classifier.addImage(call[index]);
keypressed[index] = keypressed[index] + 1;
console.log(call[index] + “:” + keypressed[index]);
})
}
}
3. 训练:classifier.train() 监控函数whileTraining(),在训练时在调试框实时输出loss的值
// trainButton = createButton(‘Train’);
select(‘#train’).mousePressed(function(){
classifier.train(whileTraining);
});
function whileTraining(lossValue){
console.log(“Loss is:” + lossValue);
if(lossValue == null) {
LS = lossValue;
flag = 1;
}
}
4. 点击predict按钮可以开始预测,点击stop按钮停止预测
select(‘#stop’).mousePressed(function(){
pred = 1;
})
select(‘#predict’).mousePressed(function(){
console.log(‘start predict’)
pred = 1;
})
5. 点击Save按钮将训练好的模型保存
select(‘#save’).mousePressed(function(){
classifier.save();
})
6. 在新的页面,加载保存好的模型并预测
function cusReady() {
loaded = 1;
console.log(‘model is loaded’);
select(‘#modelSave’).html(‘model is loaded!’);
classifier.classify(GetResult);
}
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!
由于文件比较大,这里只是将部分目录大纲截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且后续会持续更新
如果你觉得这些内容对你有帮助,可以添加V获取:vip1024c (备注前端)
最后
CodeChina开源项目:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
笔记、源码讲义、实战项目、讲解视频,并且后续会持续更新**
如果你觉得这些内容对你有帮助,可以添加V获取:vip1024c (备注前端)
[外链图片转存中…(img-PPazQ0wX-1712088732112)]
最后
CodeChina开源项目:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】