Bagaimana cara menyematkan video ke GitHub README.md?

Jawaban:

118

" Github Flavoured Markdown " tidak mendukung fitur semacam ini untuk halaman apa pun:

Utas dukungan lama "Cantumkan video YouTube dalam file penurunan harga" menyatakan:

Dengan pages.github.io, ya, di tempat lain, tidak.

(Catatan: seperti yang dijelaskan dalam " Github Top-Level Proyek Halaman ", github.io adalah domain baru untuk pengguna dan organisasi halaman sejak April 2013.
The halaman GitHub publikasi yang disajikan di sini )

Ini bisa berupa permintaan fitur seperti penyorotan sintaks.

Misalnya: " Video HTML5 dalam penurunan harga " (Agustus 2010):

Apakah ada cara untuk mengimplementasikan video HTML5 ke dalam README.markdownfile?

Saat ini tidak tetapi kami mungkin memperluas apa yang dapat Anda lakukan dengan README di masa depan.

Sementara itu, Anda dapat melakukan ini dengan Halaman GitHub dan Wikis kami.

Benjamin Oakes mengonfirmasi dalam komentar (Mei 2012):

Saya mengirim permintaan dukungan. Responsnya adalah bahwa menanamkan video tidak didukung.

VONC
sumber
2
Tautan-tautan itu tampaknya rusak; mereka membawa saya ke github.com/contact sekarang. Apakah ada yang punya akses ke versi yang diarsipkan? Saya mengalami kesulitan mengeluarkannya dari Google Cache atau Wayback Machine.
Benjamin Oakes
1
Untuk apa itu layak video HTML5 di halaman wiki sepertinya tidak lagi berfungsi.
Benjamin Oakes
Saya mengirim permintaan dukungan. Responsnya adalah bahwa menanamkan video tidak didukung.
Benjamin Oakes
16
Apakah ada masalah publik di suatu tempat yang bisa saya selesaikan?
Will
2
@hyipscript Tidak yakin sebenarnya: bahwa kutipan berasal dari utas dukungan GitHub yang berusia 5 tahun (saya telah memulihkan tautan dalam jawabannya), dari [Chris Wanstrath - defunkt] ( github.com/defunkt ), salah satu co- pendiri GitHub. Saya tidak memiliki detail lebih lanjut tentang itu.
VonC
252

Saya sangat merekomendasikan menempatkan video di situs web proyek yang dibuat dengan GitHub Pages, bukan readme, seperti dijelaskan dalam jawaban VonC ; itu akan jauh lebih baik daripada ide-ide ini. Tetapi jika Anda memerlukan perbaikan cepat seperti yang saya butuhkan, berikut adalah beberapa saran.

Gunakan gif

Lihat jawaban aloisdg , hasilnya luar biasa, gif diberikan pada readme github;)

Gunakan gambar pemutar video

Anda bisa menipu pengguna agar berpikir bahwa video ada di halaman readme dengan gambar. Kedengarannya seperti trik iklan, itu tidak sempurna, tetapi berhasil dan itu lucu;).

Contoh:

[![Watch the video](https://i.imgur.com/vKb2F1B.png)](https://youtu.be/vt5fpE0bzSY)

Hasil:

Tonton videonya

Gunakan gambar pratinjau youtube

Anda juga dapat menggunakan gambar yang dihasilkan oleh youtube untuk video Anda.

Untuk url youtube dalam bentuk:

https://www.youtube.com/watch?v=<VIDEO ID>
https://youtu.be/<VIDEO URL>

The url pratinjau dalam bentuk:

https://img.youtube.com/vi/<VIDEO ID>/maxresdefault.jpg
https://img.youtube.com/vi/<VIDEO ID>/hqdefault.jpg

Contoh:

[![Watch the video](https://img.youtube.com/vi/T-D1KVIuvjA/maxresdefault.jpg)](https://youtu.be/T-D1KVIuvjA)

Hasil:

Tonton videonya

Gunakan asciinema

Jika use case Anda adalah sesuatu yang berjalan di terminal, asciinema memungkinkan Anda merekam sesi terminal dan menanamkan penurunan harga yang bagus.

Tekan tombol bagikan dan salin cuplikan markdown.

Contoh:

[![asciicast](https://asciinema.org/a/113463.png)](https://asciinema.org/a/113463)

Hasil:

asciicast

GabLeRoux
sumber
1
Ada juga alat keren di luar sana untuk membuat gif atau gambar animasi svg dari asciicasts Anda (misalnya github.com/marionebl/svg-term-cli ) ;-)
JepZ
100

Saya menggabungkan jawaban Alexandre Jasmin dan Gab Le Roux seperti ini:

[![Demo CountPages alpha](https://share.gifyoutube.com/KzB6Gb.gif)](https://www.youtube.com/watch?v=ek1j272iAmc)

Demo:

Demo CountPages alpha

Anda dapat melihat demo ini di github .

Saya menggunakan gifyoutube di sini, tetapi saya sarankan menggunakan konverter gif lokal (seperti ffmpeg, lihat caranya ) alih-alih yang online.

Untuk merekam layar Anda ke gif secara langsung, Anda mungkin ingin memeriksa ScreenToGif .

aloisdg pindah ke codidact.com
sumber
1
Saya pikir ini harus menjadi jawaban yang dipilih. Ini adalah yang terdekat dengan video yang Anda bisa dapatkan, dan bagi kebanyakan orang itu adalah video. Apa itu video? Bingkai masih bergerak secara berurutan untuk memberi kita ilusi yang sedang diputar. Gif animasi adalah hal yang sama ... Meskipun OP secara khusus meminta video flash, yang tidak mungkin, Anda akan menggunakan metode ini untuk mengubah video flash menjadi gif animasi.
Wade
1
Anda Tuan adalah orang yang cerdas; Saya menggunakan ini di mana-mana sekarang. Anda mungkin ingin menambahkan url mana untuk memilih yaitu url langsung (meskipun saya tidak dapat menemukan url share.gifyoutube.com)
Dheeraj Bhaskar
Perhatikan bahwa saat ini situsnya adalah gifs.com, memberi Anda unduhan dari j.gifs.com dan mengharuskan Anda memiliki akun gifs.com untuk mengunduh
Jeroen Wiert Pluimers
1
Licecap adalah alternatif yang bagus untuk screentogif untuk pengguna mac!
J.beenie
26

Untuk animasi sederhana, Anda dapat menggunakan gif animasi. Saya menggunakan satu di file README ini misalnya.

Alex Jasmin
sumber
1
@HarishKayarohanam "sampai github menghadirkan fitur ini" secara umum atau apakah mereka sedang mengerjakan hal seperti itu? Jika demikian, mereka seharusnya sudah menyelesaikannya sekarang? :)
Paul
2
@ Paul Tidak, mereka tidak mengerjakan ini, seperti yang saya pelajari beberapa bulan lalu ... Jangan ragu untuk menabrak masalah! github.com/github/markup/issues/538
Petr Dvořák
Ketika melakukan ini, harap pertimbangkan aksesibilitas. Orang dengan kesulitan perhatian dapat berjuang untuk menerima teks jika ada animasi bergerak yang terlihat di sebelahnya.
Eneroth3
6

hanya untuk memperpanjang jawaban @ GabLeRoux:

[<img src="https://img.youtube.com/vi/<VIDEO ID>/maxresdefault.jpg" width="50%">](https://youtu.be/<VIDEO ID>)

dengan cara ini Anda akan dapat menyesuaikan ukuran gambar mini di file README.md pada repo Github Anda.

B.Kocis
sumber
3

Ini adalah posting lama tetapi saya mencari jawaban dan saya menemukan ini: https://gifs.com . Cukup unggah video, lalu buat gif yang bisa kita tambahkan dengan mudah di github markdown. Saya mencobanya, kualitas gifnya bagus.

Proustibat
sumber