登录 注册
开源 企业版 高校版 私有云 Gitee AI NEW
开源项目 > 人工智能 > AI-人工智能 &&
扫描微信二维码支付
取消
支付完成
Watch
不关注 关注所有动态 仅关注版本发行动态 关注但不提醒动态
6 Star 9 Fork 7

Ascend / playground

代码 Issues 0 Pull Requests 0 Wiki 统计 流水线
服务
加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目，私有仓库也完全免费 ：）
免费加入
克隆/下载
index.html 36.94 KB
一键复制 编辑 原始数据 按行查看 历史
helloway 提交于 2020-12-28 17:24 . Add analysis points info
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608
<!DOCTYPE html>

<html lang="en">



<head>

    <meta charset="utf-8">

    <meta name="X-UA-Compatible" content="IE=edge">

    <link rel="icon" href="img/icon.png">

    <meta name="viewport" content="width=device-width,initial-scale=1">

    <meta http-equiv="Access-Control-Allow-Origin" content="*">

    <link href="https://fonts.googleapis.com/css2?family=Comfortaa:wght@400;500;700&display=swap" rel="stylesheet">

    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css"

          integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">

    <link rel="stylesheet" href="main.css">

    <link rel="stylesheet" href="canvas.css">

    <title>Ascend Playground</title>

</head>

<body>



<div class="container header" style="padding: 50px;">

    <div class="left">

        <div class="logo">

            <img src="img/ascend_logo.png" alt="" style="width: 200px;">

        </div>

        <div class="title">Ascend Open Source Playground</div>

        <div class="title_en">只需要你轻松动动手，就能在昇腾游乐场里体验找同款的快乐，感受昇腾硬件运行模型的变化</div>

        <div class="des">昇腾万里，让智能无所不及</div>

    </div>

    <div class="right">



    </div>

</div>



<div class="container">

    <div class="row justify-content-center tab-container align-items-center">

        <div class="tab-item tab-active" style="padding: 10px;">昇腾找同款</div>

        <div>

            <img src="img/tab_center.png" alt="" srcset="" style="width: 40px;height: 40px;">

        </div>

        <div class="tab-item" style="padding: 10px;">昇腾助力HPC</div>

        <div>

            <img src="img/tab_center.png" alt="" srcset="" style="width: 40px;height: 40px;">

        </div>

        <div class="tab-item" style="padding: 10px;">昇腾开源小课堂</div>

    </div>

    <div class="row tab-contents tab-1-content" style="margin-top: 20px;">

        <div class="col-2">

            <div class="architecture" style="margin-bottom: 20px;">

                Architecture

            </div>

            <div class="row">

                <img src="img/tab_1_left.png" alt="" style="width: 100%;">

            </div>

        </div>

        <div class="col-10" style="background-color: #fff;margin-bottom: 1rem;padding-top: 1rem;">

            <div class="row">

                <div class="col">

                    <form id="configForm" class="mb-2 border-bottom">

                        <h4 class="border-bottom pb-1 mb-0">配置区</h4>

                        <div class="config-container pt-2">

                            <div class="form-row">

                                <div class="form-group col-md-12">

                                    <label for="inputEndpoint">查询节点</label>

                                    <select class="form-control" id="endpointSelection">

                                        <option value="option1">LeNet手写中文数字样例

                                        </option>

                                        <option value="option2">ResNet50毒蘑菇样例

                                        </option>

                                        <option value="custom">自定义后端站点地址</option>

                                    </select>

                                    <input type="url" class="form-control mt-2" id="inputEndpoint"

                                           placeholder="ex: http://localhost:65481/api/search" style="display:none;">

                                    <small id="urlHelp" class="form-text text-muted">使用Restful API与后端服务器通信 </small>

                                </div>

                            </div>

                            <div class="form-group">

                                <label>Content Type</label>

                                <div class="form-check">

                                    <input class="form-check-input" type="checkbox" id="acceptText" checked>

                                    <label class="form-check-label" for="acceptText">

                                        Text

                                    </label>

                                </div>

                                <div class="form-check">

                                    <input class="form-check-input" type="checkbox" id="acceptImage" checked>

                                    <label class="form-check-label" for="acceptImage">

                                        Image

                                    </label>

                                </div>

                                <div class="form-check">

                                    <input class="form-check-input" type="checkbox" id="acceptAudio" checked>

                                    <label class="form-check-label" for="acceptAudio">

                                        Audio

                                    </label>

                                </div>

                                <div class="form-check">

                                    <input class="form-check-input" type="checkbox" id="acceptVideo" checked>

                                    <label class="form-check-label" for="acceptVideo">

                                        Video

                                    </label>

                                </div>

                            </div>

                            <div class="form-group">

                                <label>Components</label>

                                <div class="form-check">

                                    <input class="form-check-input" type="checkbox" id="showSearch" checked>

                                    <label class="form-check-label" for="showSearch">

                                        Show searchbar

                                    </label>

                                </div>

                                <div class="form-check">

                                    <input class="form-check-input" type="checkbox" id="showFloater" checked>

                                    <label class="form-check-label" for="showFloater">

                                        Show floater

                                    </label>

                                </div>

                            </div>

                            <div class="form-group">

                                <label>Floater Style</label>

                                <div class="form-check">

                                    <input class="form-check-input jina-results-select" type="radio"

                                           name="floaterStyleRadios" id="floaterStandard" value="standard" checked>

                                    <label class="form-check-label" for="floaterStandard">

                                        Standard

                                    </label>

                                </div>

                                <div class="form-check">

                                    <input class="form-check-input jina-results-select" type="radio"

                                           name="floaterStyleRadios" id="floaterChatBot" value="chatBot">

                                    <label class="form-check-label" for="floaterChatBot">

                                        Chat Bot

                                    </label>

                                </div>

                            </div>

                            <div class="form-group">

                                <label>Expanding Dropzone</label>

                                <div class="form-check">

                                    <input class="form-check-input" type="checkbox" id="showSearchbarDropzone"

                                           checked>

                                    <label class="form-check-label" for="showSearchbarDropzone">

                                        Searchbar

                                    </label>

                                </div>



                                <div class="form-check">

                                    <input class="form-check-input" type="checkbox" id="showFloaterDropzone"

                                           checked>

                                    <label class="form-check-label" for="showFloaterDropzone">

                                        Floater

                                    </label>

                                </div>

                            </div>

                            <div class="form-group">

                                <label>Searchbar Results</label>

                                <div class="form-check">

                                    <input class="form-check-input jina-results-select" type="radio"

                                           name="resultsRadios" id="resultsDropdown" value="dropdown" checked>

                                    <label class="form-check-label" for="resultsDropdown">

                                        Show in Dropdown

                                    </label>

                                </div>

                                <div class="form-check">

                                    <input class="form-check-input jina-results-select" type="radio"

                                           name="resultsRadios" id="resultsComponent" value="resultsArea">

                                    <label class="form-check-label" for="resultsComponent">

                                        Show in Results Component

                                    </label>

                                </div>

                            </div>

                            <div class="form-group">

                                <label>Color Theme</label>

                                <div class="form-check">

                                    <input class="form-check-input jina-theme-select" type="radio"

                                           name="exampleRadios" id="colorDefault" value="default" checked>

                                    <label class="form-check-label" for="colorDefault">

                                        Default

                                    </label>

                                </div>

                                <div class="form-check">

                                    <input class="form-check-input jina-theme-select" type="radio"

                                           name="exampleRadios" id="colorPersian" value="persian">

                                    <label class="form-check-label" for="colorPersian">

                                        Persian

                                    </label>

                                </div>

                                <div class="form-check">

                                    <input class="form-check-input jina-theme-select" type="radio"

                                           name="exampleRadios" id="colorPompelmo" value="pompelmo">

                                    <label class="form-check-label" for="colorPompelmo">

                                        Pompelmo

                                    </label>

                                </div>

                                <div class="form-check">

                                    <input class="form-check-input jina-theme-select" type="radio"

                                           name="exampleRadios" id="colorHoneybee" value="honeybee">

                                    <label class="form-check-label" for="colorHoneybee">

                                        Honeybee

                                    </label>

                                </div>

                            </div>

                            <div class="form-group">

                                <label>Typewriter Effect</label>

                                <div class="form-check">

                                    <input class="form-check-input" type="checkbox" id="useTypewriter">

                                    <label class="form-check-label" for="useTypewriter">

                                        Enable Typewriter Effect

                                    </label>

                                </div>



                            </div>

                        </div>

                    </form>

                    <div id="usedModel">

                        <h4>所用模型</h4>

                        <p>在昇腾找同款应用样例中，我们使用了如下模型：</p>

                        LeNet: <a href="https://gitee.com/ascend/modelzoo/tree/master/built-in/MindSpore/Official/cv/image_classification/LeNet_for_MindSpore">访问Ascend/modelzoo下载</br></a>

                        ResNet50: <a

                            href="https://gitee.com/ascend/modelzoo/tree/master/built-in/MindSpore/Official/cv/image_classification/ResNet50_for_MindSpore">

                        访问Ascend/modelzoo下载</a>



                    </div>



                    <div id="queryExample" style="display: none;">

                        <h4>查询样例</h4>

                        <p>您可以本地上传或拖动下方的样例图片到右边的界面中查询</p>

                        <nav>

                            <div class="nav nav-tabs" id="nav-tab" role="tablist">

                                <a class="nav-item nav-link active" id="nav-home-tab" data-toggle="tab"

                                   href="#nav-image" role="tab" aria-controls="nav-image"

                                   aria-selected="true">Images</a>

                                <!-- <a class="nav-item nav-link" id="nav-profile-tab" data-toggle="tab"

                                href="#nav-video" role="tab" aria-controls="nav-video"

                                aria-selected="false">Videos</a>

                            <a class="nav-item nav-link" id="nav-contact-tab" data-toggle="tab"

                                href="#nav-audio" role="tab" aria-controls="nav-audio"

                                aria-selected="false">Audios</a> -->

                            </div>

                        </nav>

                        <div class="tab-content" id="nav-tabContent">

                            <div class="tab-pane fade show active" id="nav-image" role="tabpanel"

                                 aria-labelledby="nav-home-tab">

                                <div class="example-images">

                                </div>

                            </div>

                            <!-- <div class="tab-pane fade" id="nav-video" role="tabpanel"

                            aria-labelledby="nav-profile-tab">

                            <img class="img-thumbnail gif"

                                src="https://38.media.tumblr.com/8d59b49aebfd1f7b41e598d7f5b8313f/tumblr_nqk6nm7g6H1tpje2go1_250.gif" />

                            <img class="img-thumbnail gif"

                                src="https://38.media.tumblr.com/6b2a7dc75f542ab1a80a9cede0173665/tumblr_nq1yvjLdcs1uv0y2ro1_250.gif" />

                            <img class="img-thumbnail gif"

                                src="https://38.media.tumblr.com/67cba86efe8ec823c93f43557bfefc82/tumblr_mle651CUqL1rtg76ko1_250.gif" />

                        </div>

                        <div class="tab-pane fade" id="nav-audio" role="tabpanel"

                            aria-labelledby="nav-contact-tab">

                            <audio controls src="https://www.w3schools.com/html/horse.ogg" draggable="true"

                                ondragstart="handleFileDrag(event)"> Your browser does not support

                                the<code>audio</code> element.

                            </audio>

                            <audio controls

                                src="https://interactive-examples.mdn.mozilla.net/media/examples/t-rex-roar.mp3"

                                draggable="true" ondragstart="handleFileDrag(event)">

                                Your browser does not support the<code>audio</code> element.

                            </audio>

                        </div> -->

                        </div>

                    </div>



                </div>

                <div class="col-8">

                    <nav>

                        <div class="nav nav-tabs" id="nav-tab" role="tablist">

                            <a class="nav-item nav-link active" id="nav-home-tab" data-toggle="tab"

                               href="#nav-preview" role="tab" aria-controls="nav-image"

                               aria-selected="true">Preview</a>

                        </div>

                    </nav>

                    <div class="tab-content" id="nav-tabContent">

                        <div class="tab-pane fade show active" id="nav-preview" role="tabpanel">

                            <div id="browser" style="display: none;">

                                <div id="browser-page-name">Your website</div>

                                <div id="btns">

                                    <div class="browser-btn" id="btn-close"></div>

                                    <div class="browser-btn" id="btn-min"></div>

                                    <div class="browser-btn" id="btn-max"></div>

                                </div>

                                <div id="browser-frame">

                                    <div class="jina-container">

                                        <div class="jina-header" id="searchbar-container">

                                            <jina-searchbar id="main-searchbar" acceptVideo="false"

                                                            showDropzone="false" />

                                        </div>

                                        <div class="jina-content-body" id="results-container">

                                            <jina-results id="main-results"></jina-results>

                                        </div>

                                    </div>

                                    <div id="floater-container">

                                        <jina-floater-chat id="main-floater"></jina-floater-chat>

                                    </div>

                                </div>

                            </div>

                            <div id="canvas-wraper">

                                <div class="cavas_desc">

                                    <p>可在黑色面板中手写单个中文数字，如："一"</p>

                                </div>

                                <div class="cavas_panel">

                                    <canvas id="canvas"></canvas>

                                </div>

                                <div class="btn">

                                    <button class="cleanBtn" onclick="clean();">重写</button>

                                    <button class="sendBtn" onclick="send();">查询</button>

                                </div>

                                <div id="canvas-search-results">



                                </div>

                            </div>

                        </div>

                    </div>

                </div>

            </div>

        </div>

    </div>



    <div class="row tab-contents tab-3-content" style="display: none;margin-top: 20px;">

        <div class="col-10" style="padding: 0;background-color: #fff;padding: 1.2rem;margin-bottom: 1rem;">

            <div id="showBoxIframeBefore" class="row">

                想了解Ascend机器运行信息，可点击下方按钮查询

            </div>

            <iframe id="showBoxIframe" style="border-radius:0.25rem;display: none;min-height: 12rem;" src="" frameborder="0" width="100%" height="auto">

            </iframe>

            <div class="btn-group" role="group" aria-label="Basic example">

                <button type="button" class="btn btn-secondary viewCluster">查看集群</button>

                <button type="button" class="btn btn-secondary viewNode">查看节点</button>

                <button type="button" class="btn btn-secondary viewPartition">查看分区</button>

            </div>

        </div>

        <div class="col-2">

            <div class="architecture">Architecture</div>

            <div class="row">

                <img src="img/ascend_slurm.png" alt="" srcset="" style="width: 100%;">

            </div>

        </div>

    </div>

    <div class="row tab-contents tab-5-content" style="display: none;margin-top: 20px;">

        <div class="col-8 community-left">

            <div class="community-left-title">

                昇腾社区指引

            </div>

            <nav>

                <div class="nav nav-tabs" id="nav-tab" role="tablist">

                    <a class="nav-item nav-link active" data-toggle="tab"

                       href="#community-vision" role="tab"

                       aria-selected="true">社区愿景</a>

                    <a class="nav-item nav-link"  data-toggle="tab" href="#project-entrance"

                       role="tab" aria-selected="false">项目入口</a>

                    <a class="nav-item nav-link"  data-toggle="tab" href="#community-contribution"

                       role="tab" aria-selected="false">社区贡献</a>

                    <a class="nav-item nav-link"  data-toggle="tab" href="#join-us"

                       role="tab" aria-selected="false">加入我们</a>

                </div>

            </nav>

            <div class="tab-content" id="nav-tabContent">

                <div class="tab-pane fade show active" id="community-vision" role="tabpanel">

                    <div class="row">

                        <div class="col-4 community-vision-item">

                            <img class="community-vision-img" src="./img/smallClass/vision_1.png" alt="">

                            <img class="community-vision-line" src="./img/tab_line.png" alt="">

                            <p class="community-vision-content">构建开发者之间的直接交流渠道，加速问题闭环</p>

                        </div>

                        <div class="col-4 community-vision-item">

                            <img class="community-vision-img" src="./img/smallClass/vision_2.png" alt="">

                            <img class="community-vision-line" src="./img/tab_line.png" alt="">

                            <p class="community-vision-content">降低用户使能昇腾芯片的门槛</p>

                        </div>

                        <div class="col-4 community-vision-item">

                            <img class="community-vision-img" src="./img/smallClass/vision_2.png" alt="">

                            <img class="community-vision-line" src="./img/tab_line.png" alt="">

                            <p class="community-vision-content">支持用户快速开展自定义算子算法创新</p>

                        </div>

                    </div>

                </div>

                <div class="tab-pane fade show" id="project-entrance" role="tabpanel">

                    <div class="row">

                        <p class="project-entrance-top">昇腾开源社区在码云的Ascend组织下（ https://gitee.com/ascend ），使用场景和项目入口下表所示，您可以根据实际场景，在对应的项目中拉取代码编译，修改，提交Issue和PR等。</p>

                        <div class="table-div">

                            <div class="vertical-line fiist-line"></div>

                            <div class="vertical-line second-line"></div>

                            <table>

                                <thead>

                                <tr>

                                    <th style="width:40%">应用场景</th>

                                    <th style="width:25%">公开项目</th>

                                    <th style="width:35%">地址</th>

                                </tr>

                                </thead>

                                <tbody>

                                <tr>

                                    <td>您准备或已经使用了ModelZoo中的模型或者脚本，或想要向ModelZoo中贡献您的脚本。</br>各类基于昇腾的模型大赛的技术支撑入口</td>

                                    <td>modelzoo</td>

                                    <td><a href="https://gitee.com/ascend/modelzoo" target="_blank">https://gitee.com/ascend/modelzoo</a></td>

                                </tr>

                                <tr>

                                    <td>您准备将模型脚本迁移到MindSpore框架，并运行到昇腾AI处理器。</td>

                                    <td>mindspore</td>

                                    <td><a href="https://gitee.com/mindspore/mindspore" target="_blank">https://gitee.com/mindspore/mindspore</a></td>

                                </tr>

                                <tr>

                                    <td>您准备将TensorFlow框架的模型脚本运行到昇腾AI处理器。</td>

                                    <td>Tensorflow adapter for Ascend</td>

                                    <td><a href="https://gitee.com/ascend/tensorflow" target="_blank">https://gitee.com/ascend/tensorflow</a></td>

                                </tr>

                                <tr>

                                    <td>您准备使用第三方框架模型进行模型转换和推理执行，或者贡献其他框架的对接能力。</td>

                                    <td>parser</td>

                                    <td><a href="https://gitee.com/ascend/parser" target="_blank">https://gitee.com/ascend/parser</a></td>

                                </tr>

                                <tr>

                                    <td>您准备向昇腾Graph Engine贡献代码，或咨询Graph Engine相关问题</td>

                                    <td>graphengine</td>

                                    <td><a href="https://gitee.com/mindspore/graphengine" target="_blank">https://gitee.com/mindspore/graphengine</a></td>

                                </tr>

                                <tr>

                                    <td>您准备使用昇腾提供的系列samples，或贡献samples。</td>

                                    <td>Ascend Samples</td>

                                    <td><a href="https://gitee.com/ascend/samples" target="_blank">https://gitee.com/ascend/samples</a></td>

                                </tr>

                                <tr>

                                    <td>您准备或已经在HPC等大规模计算场景使用了昇腾AI集群，希望简化集群资源管理以及任务调度的相关工作。</td>

                                    <td>Slurm plugin for Ascend</td>

                                    <td><a href="https://gitee.com/ascend/slurm-atlas-plugin" target="_blank">https://gitee.com/ascend/slurm-atlas-plugin</a></td>

                                </tr>

                                </tbody>

                            </table>

                        </div>

                        <div class="project-entrance-bottom">

                            <span class="project-entrance-bottom-tips">Tips: </span>

                            <span class="project-entrance-bottom-tip">若您提issue时无法识别对应的入口项目，可以直接在modelzoo项目中提交Issue，我们会及时处理。</span>

                        </div>

                    </div>

                </div>

                <div class="tab-pane fade show" id="community-contribution" role="tabpanel">

                    <div class="row">

                        <div class="col-3 community-contribution">

                            <p class="community-contribution-item community-contribution-item-red">通过Issue建立直达Commiter的交流渠道，快速闭环问题和需求。</p>

                        </div>

                        <div class="col-3 community-contribution">

                            <p class="community-contribution-item community-contribution-item-gray">用户基于开放Project自主修改、编译、升级，快速闭环问题。</p>

                        </div>

                        <div class="col-3 community-contribution">

                            <p class="community-contribution-item community-contribution-item-red">参加社区活动，回复Issue，获取激励。</p>

                        </div>

                        <div class="col-3 community-contribution">

                            <p class="community-contribution-item community-contribution-item-gray">快速获得公开项目的开发版本。</p>

                        </div>

                    </div>

                </div>

                <div class="tab-pane fade show" id="join-us" role="tabpanel">

                    <div class="join-us-content">

                        <div class="part1">

                            <div class="join-us-title">注册码云账号</div>

                            <div>登录后，进入： <a href="https://gitee.com/ascend" target="_blank">https://gitee.com/ascend</a>或</div>

                            <div><a href="https://gitee.com/mindspore" target="_blank">https://gitee.com/mindspore</a>可看到昇腾社区上述公开项目</div>

                            <div class="link-round link-round1"></div>

                            <div class="link-round link-round2"></div>

                            <div class="link-round link-round3"></div>

                            <div class="link-round link-round4"></div>

                        </div>

                        <div class="part2">

                            <img src="./img/smallClass/join_4.png" alt="">

                            <div class="join-us-title">扫描二维码加入Ascend组织</div>

                            <div>如您有其他需求，在咨询华为接口人后，可以</div>

                            <div>扫描二维码，申请加入Ascend组织</div>

                            <div class="link-round link-round5"></div>

                            <div class="link-round link-round6"></div>

                            <div class="link-round link-round7"></div>

                            <div class="link-round link-round8"></div>

                            <div class="link-line link-line1"></div>

                            <div class="link-line link-line2"></div>

                            <div class="link-line link-line3"></div>

                            <div class="link-line link-line4"></div>

                        </div>

                        <div class="part3">

                            <div class="join-us-title">等待社区管理员审核</div>

                            <div>期间管理员可能会私信咨询您相关信息</div>

                            <div class="link-round link-round9"></div>

                            <div class="link-round link-round10"></div>

                        </div>

                    </div>

                </div>

            </div>

        </div>

        <div class="col-4">

            <div class="architecture">昇腾软件栈</div>

            <div class="right-content">

                <div id="right_1_div">AI框架</div>

                <div id="right_2_div">

                    <div id="right_3_div">AscendCL</br>昇腾统一编程语言</div>

                    <div id="right_4_div">Graph Engine</br>昇腾图优化引擎</div>

                    <div id="right_5_div">Runtime运行管理器</div>

                    <div id="right_6_div">DVPP数字视觉预处理</div>

                    <div id="right_7_div">CANN Lib</br>神经网络算子库</br>HCCL</br>华为集合通信库</div>

                    <div id="right_8_div">Driver</br>昇腾驱动层</div>

                    <div id="right_9_div">

                        <span>开发体系</span>

                        <p id="right_9_div_1">编程语言</br>TBE</p>

                        <p id="right_9_div_2">编译及调试工具</p>

                        <p id="right_9_div_3">编程模型</p>

                    </div>

                    <span>CANN</span>

                </div>

                <div id="right_10_div">操作系统</br>昇腾系列硬件</div>

            </div>

            <div id="right_introduction">CANN(Compute Architecture for Neural Networks)是华为全栈全场景AI解决方案中的芯片使能层，位于芯片层之上，AI框架层之下，它提供了高效算子库和高度自动化的神经网络算子开发工具，让开发者能够方便地在昇腾芯片上开发高性能的自定义算子。</div>

        </div>

    </div>



</div>



<div class="container footer">

    <div class="row" style="padding:100px 0 20px 0;">

        <div class="col-8 right-line" style="padding:50px 0px;">

            <h5 class="row justify-content-center margin-bottom-50">友情链接</h5>

            <div class="row">

                <div class="col-4 right-line">

                    <div class="row align-items-center">

                        <img src="img/ascend_logo_footer.png" alt="" srcset="" style="width: 60px;">

                        <a href="https://ascend.huawei.com/">昇腾计算</a>

                    </div>

                </div>

                <div class="col-4 right-line">

                    <div class="row align-items-center">

                        <img src="img/ms_logo_footer.png" alt="" srcset="" style="width: 60px;">

                        <a href="https://www.mindspore.cn/">MindSpore</a>

                    </div>

                </div>

                <div class="col-4">

                    <div class="row align-items-center">

                        <img src="img/kungpeng_logo_footer.png" alt="" srcset="" style="width: 60px;">

                        <a href="https://www.huaweicloud.com/kunpeng/">鲲鹏社区</a>

                    </div>

                </div>

            </div>

        </div>

        <div class="col-4" style="padding:50px 0px;">

            <h5 class="row justify-content-center margin-bottom-50">关注我们</h5>

            <div class="row justify-content-center">

                <div class="col-4">

                    <div class="row justify-content-center"><img src="img/gitee_logo_footer.png" alt="" srcset=""

                                                                 style="width: 80px;"></div>

                    <div class="row justify-content-center">

                        <a href="https://gitee.com/ascend/playground">代码仓</a>

                    </div>

                </div>

                <div class="col-4">



                    <div class="row justify-content-center"><img src="img/web_logo_footer.png" alt="" srcset=""

                                                                 style="width: 80px;"></div>

                    <div class="row justify-content-center">

                        <a href="http://ascend.gitee.io/playground/">官网</a>

                    </div>

                </div>

            </div>

        </div>

    </div>

    <div class="row justify-content-center">

        版权所有@Ascend Open Source Playground

    </div>

</div>



</body>

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.slim.min.js"></script>

<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"

        integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"

        crossorigin="anonymous"></script>

<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"

        integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI"

        crossorigin="anonymous"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.4/clipboard.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.8/highlight.min.js"></script>

<!-- <link rel="stylesheet" href="./src/index.css"> -->

<!-- <script src="./src/jinabox.js" type="module"></script> -->

<script src="https://unpkg.com/jinabox" type="text/javascript"></script>

<script src="index.js" type="text/javascript" async defer></script>

<script src="canvas.js" type="text/javascript" async defer></script>

<script>

    hljs.initHighlightingOnLoad();

    new ClipboardJS('.btn');

</script>

<script>

    $('.tab-item').on('click', e => {

        const target = $(e.target);

        const index = target.index();

        target.addClass('tab-active').siblings().removeClass('tab-active');

        $('.tab-contents').css('display', 'none');

        $('.tab-' + (index + 1) + '-content').css('display', 'flex');

    })

</script>



<script>

var _hmt = _hmt || [];

(function() {

  var hm = document.createElement("script");

  hm.src = "https://hm.baidu.com/hm.js?10b207bb5db5ac2ae978d5990aa094bd";

  var s = document.getElementsByTagName("script")[0];

  s.parentNode.insertBefore(hm, s);

})();

</script>



</html>
HTML
1
https://gitee.com/ascend/playground.git
git@gitee.com:ascend/playground.git
ascend
playground
playground
master
点此查找更多帮助

搜索帮助

Git 命令在线学习 如何在 Gitee 导入 GitHub 仓库
Git 仓库基础操作
企业版和社区版功能对比
SSH 公钥设置
如何处理代码冲突
仓库体积过大，如何减小？
如何找回被删除的仓库数据
Gitee 产品配额说明
GitHub仓库快速导入Gitee及同步更新
什么是 Release（发行版）
将 PHP 项目自动发布到 packagist.org
仓库举报
回到顶部