示範

請參閱使用 TensorFlow.js 打造的範例與即時示範。

Holobooth

Transport yourself to a tropical beach, outer space, and elsewhere with the power of web ML.

觀看示範影片 查看程式碼

LipSync by YouTube

查看你對嘴熱門單曲〈Dance Monkey〉歌詞的功力這個在瀏覽器中執行的功能會使用 Facemesh 模型，預估嘴唇周圍的關鍵點，判斷對嘴的準確率。

觀看示範影片 查看程式碼

Emoji Scavenger Hunt

使用手機上的相機來辨識真實世界中的表情符號。你可以在時間結束之前找出所有的表情符號嗎？

觀看示範影片 查看程式碼

網路攝影機控制器

使用在瀏覽器中訓練過的影像來玩小精靈遊戲。

觀看示範影片 查看程式碼

訓練學習機器

完全不需使用程式碼！教機器學會辨識圖片及播放聲音。

觀看示範影片 查看程式碼

Move Mirror

以新奇有趣的方式探索圖片，只要四處移動即可。

觀看示範影片 查看程式碼

效能循環類神經網路

欣賞類神經網路的即時鋼琴演奏。

觀看示範影片 查看程式碼

Node.js 音調預測

使用 Node.js 訓練伺服器端的模型，來分類棒球的投球類型。

查看程式碼

將模型訓練視覺化

查看如何使用 tfjs-vis，視覺化在瀏覽器中進行的訓練，以及模型行為與訓練。

觀看示範影片 查看程式碼

社群示範

從官方範本開始，並探索社群熱門精選，從中汲取靈感。

Glitch

查看社群 Glitch，並且利用 TensorFlow.js 技術建立自己的專案。

探索 Glitch

CodePen

分類樣板範本並在社群中查看運用範例。

探索 CodePen

GitHub Community Projects

查看社群提交至 TensorFlow.js 作品庫網頁的創作成果。

探索 GitHub

#MadewithTFJS on Twitter

瞭解運用 TensorFlow.js 建立的新專案，並使用主題標記分享自己的專案！

探索 Twitter

Browser Node.js Python Browser Node.js Image Numeric Sequence Text Convolutional neural network Long short-term memory Multilayer perceptron Recurrent neural network Shallow neural network Attention mechanism Deep Q-Network Gated recurrent unit Generative adversarial network Policy gradient t-Distributed stochastic neighbor embedding Variational autoencoder Core (Ops) Layers

Has demo

Example	Input data type	Task type	Model type	Training environment	Inference environment	API type	Demo
abalone-node	Numeric	Loading data from local file and training in Node.js	Multilayer perceptron	Node.js	Node.js	Layers	No demo
addition-rnn	Text	Sequence-to-sequence	RNN: SimpleRNN, GRU and LSTM	Browser	Browser	Layers	View Demo
addition-rnn-webworker	Text	Sequence-to-sequence	RNN: SimpleRNN, GRU and LSTM	Browser: Web Worker	Browser: Web Worker	Layers	No demo
angular-predictive-prefetching	Numeric	Multiclass predictor	Deep Neural Network	Browser: Service Worker	Browser: Service Worker	Layers	No demo
baseball-node	Numeric	Multiclass classification	Multilayer perceptron	Node.js	Node.js	Layers	No demo
boston-housing	Numeric	Regression	Multilayer perceptron	Browser	Browser	Layers	View Demo
cart-pole		強化學習	Policy gradient	Browser	Browser	Layers	View Demo
chrome-extension	Image	(Deploying TF.js in Chrome extension)	Convolutional neural network		Browser		No demo
custom-layer		(Defining a custom Layer subtype)			Browser	Layers	View Demo
data-csv		Building a tf.data.Dataset from a remote CSV					View Demo
data-generator		Building a tf.data.Dataset using a generator	Regression	Browser	Browser	Layers	View Demo
date-conversion-attention	Text	Text-to-text conversion	Attention mechanism, RNN	Node.js	Browser and Node.js	Layers	View Demo
electron	Image	(Deploying TF.js in Electron-based desktop apps)	Convolutional neural network		Node.js		No demo
fashion-mnist-vae	Image	Generative	Variational autoencoder	Node.js	Browser	Layers	No demo
interactive-visualizers	Image	Multiclass classification, object detection, segmentation			Browser		No demo
iris	Numeric	Multiclass classification	Multilayer perceptron	Browser	Browser	Layers	View Demo
iris-fitDataset	Sequence-to-sequence	Multiclass classification	Multilayer perceptron	Browser	Browser	Layers	View Demo
jena-weather	Text	Sequence-to-prediction	MLP and RNNs	Browser and Node.js	Browser	Layers	View Demo
lstm-text-generation	Image	Sequence-to-prediction	RNN: LSTM	Browser	Browser	Layers	View Demo
mnist	Image	Multiclass classification	Convolutional neural network	Browser	Browser	Layers	View Demo
mnist-acgan	Image	Generative adversarial network	Convolutional neural network; GAN	Node.js	Browser	Layers	View Demo
mnist-core	Image	Multiclass classification	Convolutional neural network	Browser	Browser	Core (Ops)	View Demo
mnist-node	Image	Multiclass classification	Convolutional neural network	Node.js	Node.js	Layers	No demo
mnist-transfer-cnn	Image	Multiclass classification (transfer learning)	Convolutional neural network	Browser	Browser	Layers	No demo
mobilenet	Image	Multiclass classification	Convolutional neural network		Browser	Layers	View Demo
polynomial-regression	Numeric	Regression	Shallow neural network	Browser	Browser	Layers	View Demo
polynomial-regression-core	Numeric	Regression	Shallow neural network	Browser	Browser	Core (Ops)	View Demo
quantization	Various	Demonstrates the effect of post-training weight quantization	Various	Node.js	Node.js	Layers	No demo
sentiment	Text	Sequence-to-binary-prediction	LSTM, 1D ConvNet	Node.js	Node.js or Python	Layers	View Demo
simple-object-detection	Image	物件偵測	Convolutional neural network (transfer learning)	Node.js	Browser	Layers	View Demo
snake-dqn		物件偵測	Deep Q-Network	Node.js	Browser	Layers	View Demo
translation	Text	Sequence-to-sequence	LSTM encoder and decoder	Node.js or Python	Browser	Layers	View Demo
tsne-mnist-canvas		Dimension reduction and data visualization	tSNE	Browser	Browser	Core (Ops)	No demo
webcam-transfer-learning	Image	Multiclass classification (transfer learning)	Convolutional neural network	Browser	Browser	Layers	View Demo
website-phishing	Numeric	Binary classification	Multilayer perceptron	Browser	Browser	Layers	View Demo

Learn how to use and contribute

開始使用 TensorFlow.js

探索教學課程