【探索AI潜能，连结现代通讯】相隔万里，我们与AI一同赏月。

news2024/12/26 21:27:00

1️⃣写在前面

近年来，AI得到了迅猛的发展，尤其是大模型的出现受到了广泛的关注和讨论。ChatGPT、文心一言等纷纷登场，可谓是百家争鸣。

而AI大模型所延申出的子项目如AI绘画、AI写作等，在各自的领域展示出了惊人的潜力。

最圆的月亮在中秋🌔，最好的团聚在家里 🏠。然而许多人为生活工作奔波，难得与家人相聚。

再有将近两周就是中秋节了，为此，让我们用AI创造出一个赏月网页，致故乡的那轮明月。

在这里插入图片描述

文章目录

    • 1️⃣写在前面
    • 2️⃣效果展示
    • 3️⃣AI的应用
      • 自然语言处理
      • 生成对抗网络（GAN）
      • 卷积神经网络
    • 4️⃣代码实现
    • 5️⃣写在最后

2️⃣效果展示

博主在学习完人工智能相关知识后使用AI大模型制作的中秋赏月页面如图所示：

在这里插入图片描述

3️⃣AI的应用

俗话说：“知其然知其所以然”。 只有知道我们所使用的Chatgpt、AI绘画等AI工具的原理，才能使其更好地为我们服务。

在制作本次中秋赏月界面的过程中，博主学习到了人工智能领域中自然语言处理、强化学习、对抗生成网络等技术并做了一个总结，接下来让我们一起看看。

自然语言处理

本文中赏月页面的HTML、css及JavaScript等源代码均由ChatGPT提供，具体形式是通过与人工智能模型的问答得出的。

部分截图如下所示：

在这里插入图片描述

那么，在我们发出询问到ChatGPT应答的过程中，都发生了什么 、涉及到了哪些AI底层技术

首先我们要介绍的是自然语言处理技术。

自然语言处理是人工智能领域的一个重要子领域，旨在使计算机能够理解和处理人类的自然语言。

通俗来说，自然语言处理就是让计算机懂得人类语言，并与人类进行交互。

像我们日常使用的 Siri、小布、小爱同学，都是应用自然语言处理技术的新一代AI模型。只要你发出问答或命令，它们都能很好地理解并作出下一步应答。

在这里插入图片描述

如图为一种基于自然语言处理的问答流程，这与人工智能问答流程是没有差别的：

在这里插入图片描述
博主给出学习人工智能相关知识中涉及到的部分自然语言处理代码，让大家有一个更深入的了解：

# 使用 Python 中的 nltk 库进行情感分析
from nltk.sentiment import SentimentIntensityAnalyzer

text = "I love this movie!"
analyzer = SentimentIntensityAnalyzer()
sentiment_scores = analyzer.polarity_scores(text)

print(sentiment_scores)

生成对抗网络（GAN）

在应答过程中，还涉及到了 AI 领域 的生成对抗网络技术。 这个技术有什么用呢？

简单来说，就像老板不断让你修改方案一样，长久的修改、提交、修改、提交之后，你的方案就会得到老板和客户的一致认同。而这就是这个技术的浅显原理。

生成对抗网络包含一个生成模型和一个判别模型。生成模型负责捕捉样本数据的分布，而判别模型则判别输入是真实数据还是生成的样本。

这个模型的优化过程是一个 “博弈” 问题，最终使得生成模型能够估测出样本数据的分布。

在这里插入图片描述

举个例子， 如果我们想要生成逼真的猫的图像。可以先准备一个猫的图像作为样本。

然后，生成器网络将生成一张虚假的猫图像。判别器网络将接收真实猫图像和生成的猫图像，并尝试区分它们。

在这里插入图片描述

随着训练的进行，生成器网络逐渐学会生成更逼真的猫图像，以至于无法区分它们是真实的还是生成的。

在ChatGPT中也是一样，当用户得不到所需的内容时，向ChatGPT提出反馈，直到ChatGPT给出足够完美的方案为止。

在这个过程中，ChatGPT就得到了训练。

卷积神经网络

在使用AI绘画工具制作网页背景时，我们会很惊奇地发现AI绘画生成图像极快（以秒为单位！）且重合率极高，而这背后与AI卷积神经网络息息相关。

卷积神经网络通过组合卷积层和池化层，能够从图像中提取特征并自动学习。卷积操作将信息与卷积核进行运算，提取不同位置的特征。

在这里插入图片描述

而池化层则对特征图进行下采样，保留最重要的信息。从而使CNN提取出更高级别的特征，可用于图像的检测和分割等任务。 从下图中可以看到，AI作画是十分优质的：

在这里插入图片描述

4️⃣代码实现

由于代码较为简单，流程也并不复杂，就不再一一详述。

朋友们可以在桌面新建一个赏月.html文件，HTML文件可以通过浏览器来解析和显示，将其中的文本、图像、链接等内容呈现给我们。

创建成功后，将以下代码复制粘贴到文件中：

<!DOCTYPE html>
<html>
<head>
  <title>赏月</title>      
  <style>
  /* author:秋说 @CSDN */
    body {
      background-image: url(https://cos-xica-prod.tiamat.world/user/FYLIfFsy9BqUdbSeeZBgr/createdimage/E3lPVTPweVAs3SBIRaz65.png?x-image-process=style/xica-wj);
      background-repeat: no-repeat;
      background-position: center;
    }
    .b {
      position: absolute;
      top: 25%;
      left: 280px;
      transform: translateY(-50%);
      color: #fff;
      font-size: 24px;
      opacity: 0;
      animation: floatIn 5s ease-in-out forwards;
    }
    .a {
      position: absolute;
      top: 35%;
      left: 180px;
      transform: translateY(-50%);
      color: #fff;
      font-size: 24px;
      opacity: 0;
      animation: floatIn 5s ease-in-out forwards;
    }
    .moon-container {
      position: absolute;
      top: 45%;
      left: 50px;
      transform: translateY(-50%);
      color: #fff;
      font-size: 24px;
      opacity: 0;
      animation: floatIn 5s ease-in-out forwards;
    }
    .c {
      position: absolute;
      top: 55%;
      left: 180px;
      transform: translateY(-50%);
      color: #fff;
      font-size: 24px;
      opacity: 0;
      animation: floatIn 5s ease-in-out forwards;
    }
    .d {
      position: absolute;
      top: 65%;
      left: 280px;
      transform: translateY(-50%);
      color: #fff;
      font-size: 24px;
      opacity: 0;
      animation: floatIn 5s ease-in-out forwards;
    }
    @keyframes floatIn {
      0% {
        opacity: 0;
        transform: translateY(-100px);
      }
      100% {
        opacity: 1;
        transform: translateY(0);
      }
    }
  </style>
</head>
<body>
  <div class="b">
    <p>中秋谁与共孤光，把盏凄然北望。</p>
  </div>
  <div class="a">
    <p>人有悲欢离合，月有阴晴圆缺。</p>
  </div>
  <div class="moon-container">
    <p>今夜月明人尽望，不知秋思落谁家。</p>
  </div>
  <div class="c">
    <p>此生此夜不长好,明月明年何处看。</p>
  </div>
  <div class="d">
    <p>愿我如星君如月，夜夜流光相皎洁。</p>
  </div>
  <script>
    // 设置延迟时间（毫秒）
    var delay = 2000;
    // 获取DOM元素
    var moonContainer = document.querySelector('.moon-container');
    // 延迟显示月亮内容
    setTimeout(function() {
      moonContainer.style.display = 'block';
    }, delay);
  </script>
</body>
</html>

保存文件后，单击鼠标右键，点击Open PHP/HTML/JS in browser（博主使用的是Vscode编译器）：

在这里插入图片描述

就可以在浏览器中查看我们的内容了：

在这里插入图片描述

如果朋友们没有安装Vscode编译器，也可以在桌面选择浏览器打开文件：

在这里插入图片描述

要是大家想要自定义样式，可以自行修改css及HTML代码。我们也可以将本网页搭建到公网中，让你的家人也能访问。

如果想添加评论功能，博主在这里给出基本的框架：PHP留言板项目搭建教程

5️⃣写在最后

他乡纵有当头月🌙，不抵家乡一盏灯💡。不同于各种前后端业务程序的实现，与远隔数里的亲人进行线上团聚，或许这也是代码的意义、AI的初心。

本期AI系列就到这里，我是秋说，提前祝各位中秋节快乐！

在这里插入图片描述

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/1156084.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

风格化角色渲染方法

风格化角色渲染方法

一、前言 二、基础结构 种类较多的风格化渲染风格 解帧分析 三、光照 漫反射和高光 增加卡通风 头发的高光 环状高光&#xff0c;物理性质的不同 解决高光形状不可控的问题 瞳孔的焦散效应 四、阴影 五、描边 六、Other
阅读更多...
全网最详细的centos中修改tomact的端口号

全网最详细的centos中修改tomact的端口号

&#x1f3c5;我是默&#xff0c;一个在CSDN分享笔记的博主。&#x1f4da;&#x1f4da; &#x1f31f;在这里&#xff0c;我要推荐给大家我的专栏《Linux》。&#x1f3af;&#x1f3af; &#x1f680;无论你是编程小白&#xff0c;还是有一定基础的程序员&#xff0c;这个专…
阅读更多...
linux--线程共享内存

linux--线程共享内存

Linux线程共享内存空间是指多个线程可以访问同一个内存区域&#xff0c;这些线程共享该内存区域的内容。 代码&#xff1a; #include <stdio.h> #include <pthread.h>// share memoryint data 0; //定义一个全局变量datavoid *fun1(void *arg) {printf("t1:…
阅读更多...
基于SSM的开放性实验室管理系统设计与实现

基于SSM的开放性实验室管理系统设计与实现

末尾获取源码 开发语言&#xff1a;Java Java开发工具&#xff1a;JDK1.8 后端框架&#xff1a;SSM 前端&#xff1a;JSP 数据库&#xff1a;MySQL5.7和Navicat管理工具结合 服务器&#xff1a;Tomcat8.5 开发软件&#xff1a;IDEA / Eclipse 是否Maven项目&#xff1a;是 目录…
阅读更多...
Redis代替session实现用户验证

Redis代替session实现用户验证

一、Redis代替session实现用户验证。 下图是session的实现登录需要实现的代码模块&#xff0c;虽然可以实现完整功能&#xff0c;但是仍然存在一些问题。 在以往使用session当作用户验证的过程中&#xff0c;会有session共享的问题&#xff0c;每次承担请求的tomcat是不一样…
阅读更多...
vins fusion 学习（更新中）

vins fusion 学习（更新中）

vins fusion 学习&#xff08;更新中&#xff09; RVIZ图像&#xff1a; 绿色的是里程计路径 图像中红色的是特征点 红色框是相机 白色的小点是图像中的特征点对应到空间中的特征点 使用rosrun rqt_graph rqt_graph得到节点订阅图 可以看到rosbag发布了以下数据 imu&#xff…
阅读更多...
「Dr. Bomkus 的试炼」排行榜说明

「Dr. Bomkus 的试炼」排行榜说明

简要概括 七大区域&#xff0c;一个任务&#xff1a;六场扣人心弦的试炼&#xff0c;有一个休闲大厅作为每场试炼的起点。 试炼 排行榜&#xff1a;掌握每场试炼&#xff0c;攀登排行榜。 以 Ethos Point 来记分&#xff1a;每个试炼中的任务都会获得一个EP。 两种任务类型&am…
阅读更多...
【算法练习Day34】整数拆分不同的二叉搜索树

【算法练习Day34】整数拆分不同的二叉搜索树

​&#x1f4dd;个人主页&#xff1a;Sherry的成长之路 &#x1f3e0;学习社区&#xff1a;Sherry的成长之路&#xff08;个人社区&#xff09; &#x1f4d6;专栏链接&#xff1a;练题 &#x1f3af;长路漫漫浩浩&#xff0c;万事皆有期待 文章目录 整数拆分不同的二叉搜索树总…
阅读更多...
VINS-Mono-VIO初始化 （五：视觉惯性对齐求解）

VINS-Mono-VIO初始化 （五：视觉惯性对齐求解）

整体思想就是根据预积分的公式&#xff0c;把已知量和未知量各放到一边&#xff0c;因为前面的数据都是变换到 c 0 c_{0} c0​下的&#xff0c;不是真正意义上和重力对齐的世界坐标&#xff0c;然后位移和速度的预积分中会用到加速度计获取的重力加速度g&#xff0c;但是这个重…
阅读更多...
Spring循环依赖处理

Spring循环依赖处理

循环依赖是指两个或多个组件之间相互依赖&#xff0c;形成一个闭环&#xff0c;从而导致这些组件无法正确地被初始化或加载。这种情况可能会在软件开发中引起问题&#xff0c;因为循环依赖会导致初始化顺序混乱&#xff0c;组件之间的关系变得复杂&#xff0c;甚至可能引发死锁…
阅读更多...
基于若依的ruoyi-nbcio流程管理系统增加仿钉钉流程设计(四）

基于若依的ruoyi-nbcio流程管理系统增加仿钉钉流程设计(四）

更多ruoyi-nbcio功能请看演示系统 gitee源代码地址 前后端代码&#xff1a; https://gitee.com/nbacheng/ruoyi-nbcio 演示地址&#xff1a;RuoYi-Nbcio后台管理系统 这里继续上面的章节&#xff0c;讲讲角色的选择与节点表单的选择。 1、角色的选择 加上下面选择角色的界…
阅读更多...
低级语言汇编真的各个面不如汇编吗？

低级语言汇编真的各个面不如汇编吗？

今日话题&#xff0c;低级语言汇编真的各个面不如C语言吗&#xff1f;C语言因其可移植性、开发效率和可读性而在各领域广泛使用&#xff0c;市场占有率极高。然而&#xff0c;汇编语言在特定场景下仍然具有独特优势&#xff0c;稳固地占据一席之地。如果你对这方面感兴趣&#…
阅读更多...
使用轻量应用服务器搭建在线写作利器StackEdit

使用轻量应用服务器搭建在线写作利器StackEdit

使用轻量应用服务器搭建在线写作利器StackEdit 前言 我经常会分享自己的一些搭建记录&#xff0c;所以我需要一个比较顺手的&#xff0c;Markdown编辑器。最开始我选择使用了CodiMD&#xff0c;但是我慢慢发现&#xff0c;我有一些快速功能CodiMD无法实现&#xff0c;我就转而…
阅读更多...
Nginx热升级的完整流程

Nginx热升级的完整流程

热升级的完整流程如下&#xff1a; 1.将旧的Nginx二进制文件换成新的Nginx二进制文件&#xff0c;注意需要把旧的Nginx二进制备份好。 2.向master进程发送USR2信号。 3.master进程修改pid文件&#xff0c;加.oldbin后缀。 4.master进程用新的nginx文件启动新的master进程。 5.向…
阅读更多...
shell编程基础（第15篇：文件操作相关命令）

shell编程基础（第15篇：文件操作相关命令）

前言 计算机磁盘中存储的是文件&#xff08;目录也算文件的一种&#xff09;&#xff0c;常见的文件操作命令有cd、ls、mkdir、rm、等等涉及到文件的增删改查&#xff0c;今天一起学习常见的文件操作命令&#xff0c;come on baby&#xff01; cd change directory的首字母缩写…
阅读更多...
php收发邮件的多种方法？

php收发邮件的多种方法？

1、添加扩展&#xff1a; # 第一种&#xff1a; composer require php-imap/php-imap # 第二种&#xff1a; composer require phpmailer/phpmailer2、这里采用第二种方式&#xff1a; <?php declare(strict_types1);namespace App\Controller\v1\email;use App\Controll…
阅读更多...
Java中String的split函数的详解及应用

Java中String的split函数的详解及应用

文章目录 一、 split函数详解二、应用 一、 split函数详解 split(String regex)为java.lang.String类的方法&#xff0c;其功能通俗的说就是以传入的分隔符参数拆分该字符串 方法具体为&#xff1a; public String[] split(String regex) {return split(regex, 0); }方法内部…
阅读更多...
pycharm怎么运行python代码

pycharm怎么运行python代码

创建项目 在PyCharm中&#xff0c;你可以创建一个项目来组织和管理你的Python代码。项目是一个存放代码文件的文件夹&#xff0c;它可以包含多个模块和包。 启动PyCharm后&#xff0c;选择“Create New Project”来创建一个新项目。 在弹出的对话框中&#xff0c;选择项目的位…
阅读更多...
作品展示-

作品展示-

------------校二手交易平台---------- ---------植物大战僵尸修改器------------- -------------商品进销存系统------------- --------汽车车牌号码识别系统----------- ------------示波器---------------- ---------激光数据传输仪------------ -----------32*64双色点阵屏…
阅读更多...
听GPT 讲Rust源代码--library/std(9)

听GPT 讲Rust源代码--library/std(9)

题图来自 Rust 101 — Everything you need to know about Rust[1] File: rust/library/std/src/sys/wasi/io.rs 在Rust源代码中&#xff0c;rust/library/std/src/sys/wasi/io.rs文件的作用是实现了与WASI&#xff08;WebAssembly System Interface&#xff09;IO相关的功能。…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023