Chat GPT 3 OpenAI HTML 5

製品情報

¥14,826
cart 買い物カゴに追加 お気に入り

プログラミング言語

ユーザビリティー

ユーザーガイド 画像 プレビュー 動画

デベロッパー

avatar
MahmoudKatga
コードサンプルのリクエスト ダイレクトメッセージ

2024年09月01日

公開チャット

製品詳細

Chat GPT-3 OpenAI HTML 5


See it working: https://smartanimals.polartemplates.com/v1/


This is a model made in HTML 5.


Among the capabilities of this template are the creation of intelligent neural responses, continuation of dialogues, code generation, response to texts, and much more.


In the template, you can communicate with ten intelligent animals, each of which has been trained by AI to understand a specific subject. Additionally, you can create your own intelligent animal by customizing it to understand a specific subject by modifying a JSON file.


What you Get


  • Documentation

  • Html, css, PHP and javascript files

Notes


  • You can test on a local server or you can host the html files on your preferred hosting.

  • No database is used.

  • The chat model used is InstructGPT.

  • Not available in the Fine-tuning models template

  • Current model: GPT 3.5 Turbo, GPT-3.5-turbo-16k, GPT-4, GPT-4-32k, text-davinci-003

  • This is not a SaaS product.


  • How the API works


    The template is directly linked to the Chat GPT-3 API. Each request made to the API by the chat consumes tokens, also called credits. The number of tokens and credits consumed varies depending on the size and type of the request, as well as the GPT-3 model used.

    Users can purchase additional tokens and credits as needed and monitor usage through their OpenAI account platform at https://platform.openai.com/account/usage


    The cost of tokens and credits varies depending on the size of the question or answer processed by the API. If all tokens and credits are consumed, the user will not be able to make any more API requests until more are purchased.


    Users can check the price of each token and model via the following link: https://openai.com/pricing

    FAQ


    Is the product built on WordPress?


    No, our product is developed entirely using HTML5, CSS3, PHP (for the API), and JavaScript. However, it can be integrated into a WordPress page if necessary.

    Is this a SAAS product?


    No, our goal with this product is to provide an HTML5 widget with integration to the Chat GPT API. The product does not have an administrative system, our goal is to make it easy for the user to purchase our template and easily implement our model into their systems according to their needs. We have plans to launch a SAAS model in the future with a CMS panel.


    Do I need an OpenAI key to use the product?


    Yes, it is mandatory to have an OpenAI key to use the model.

    How is AI updated? AI updates are made through a JSON file. It is possible to add, delete, or remove new AIs and also train them with custom prompts.



Customize Easy
Clear Documentation
Responsive (mobile compatible)
Including html, css and javascript files
Add, delete and modify new animals by json file
Assets PSD not included.

File Tree

  • 📁 Chat GPT 3 OpenAI HTML 5

インストール手順

A) Create your API Key on the openAI website -
Create an account and generate your API_KEY.
Go to https://platform.openai.com/account/api-keys


img

To store your api key, you have 2 options:
Using a key on the frontend
You can put your API Key in a json file, without the need to use a server.
The advantage is that you don't need a server.
The disadvantage is that your API KEY is exposed, and other people can see it.
Then access the file.json file (html-files/json/config.json) and put your key in the API_KEY field between the quotes


img
Using a key on the backend
The second option, you can use a php file to store your key, so your key will be protected on the server
To use this option, you must set the "use_php_api" field to true in the config.json file.
Note: To use this option you will need a host with PHP 7 or higher

img

After modifying the config.json file, also modify the php file with your key

img
B) Configure your environment -
The CORS (Cross-Origin Resource Sharing) is a security measure that browsers implement to protect users against malicious attacks that can occur when a website attempts to access resources from another site. In other words, CORS is a security policy that browsers use to prevent a site from accessing information from another site without authorization.


When you try to run the index.html file locally and it makes a request to another file such as config.json, the browser may prevent the request from being completed due to the CORS security policy. This is because the browser is trying to protect you against possible malicious attacks.


To solve this problem, it is recommended to run the application on a local server on your machine such as WAMP, XAMPP or similar. Alternatively, you can upload the application to your website using FTP.


After configuring your environment, you can access index.html in your browser and test
Open the index.html file in your browser.


img
C) Customizing the project images -
The animal i

変更と適応の手順

-The product can be used in full and modified as you like without restrictions. But without offending anyone
-In the config.json file you can define if you want to use a filter for badwords.
This filter is great if you want to prevent the user from typing certain words in the
chat.

価格情報

価格の統計

最高価格
¥14,826
平均価格
¥14,826
最低価格
¥14,826
AI価格予測
¥NA

インサイト

限定プレビュー


実際の製品には、すべてのファイルと完全なコードが含まれています。

依存パッケージ

依存パッケージを表示する

ランダムサンプルファイル

プロジェクトファイルの統計

階層

サンプルファイルを選択してください
X
user-symbol

Stay in touch

ビジネスおよび開発者向けの実用的な最新情報をご希望ですか?

ソースコードプロジェクトに対するPieceXコミュニティのニーズについてご提供します。

PieceXの最新の無料コミュニティコードプロジェクトをいち早くお知らせします。