Qiita Careers powered by IndeedPR

ๆฑ‚ไบบใ‚ตใ‚คใƒˆใ€ŒQiita Careers powered by Indeedใ€ใงใฏใ€ใ‚จใƒณใ‚ธใƒ‹ใ‚ขใฎใ‚ใชใŸใซใƒžใƒƒใƒใ—ใŸๆฑ‚ไบบใŒ่ฆ‹ใคใ‹ใ‚Šใพใ™ใ€‚

1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

Cloudflare Stream๏ผšAPIใƒˆใƒผใ‚ฏใƒณๅ–ๅพ—ๆ–นๆณ•ใƒปๆ–™้‡‘ไฝ“็ณปใƒปAPI็จฎ้กžใƒปๅฎŸ่ฃ…ใƒใ‚งใƒƒใ‚ฏใƒชใ‚นใƒˆ

Last updated at Posted at 2025-09-07

1. Cloudflare / Cloudflare Stream ใจใฏ

Cloudflare ใฏใ‚ฐใƒญใƒผใƒใƒซCDNใจใ‚ปใ‚ญใƒฅใƒชใƒ†ใ‚ฃๅŸบ็›คใ‚’ๆไพ›ใ€‚
Cloudflare Stream ใฏใ€ใ‚ขใƒƒใƒ—ใƒญใƒผใƒ‰โ†’ไฟๅญ˜โ†’่‡ชๅ‹•ใ‚จใƒณใ‚ณใƒผใƒ‰โ†’้…ไฟกใ‚’1ใคใฎAPIใงๆไพ›ใ™ใ‚‹ๅ‹•็”ปๅŸบ็›คใงใ™ใ€‚ๆ–™้‡‘ใฏใ€Œไฟๅญ˜๏ผˆminutes stored๏ผ‰๏ผ‹้…ไฟก๏ผˆminutes delivered๏ผ‰ใ€ใฎใฟใจใ‚ทใƒณใƒ—ใƒซใงใ€ใ‚จใƒณใ‚ณใƒผใƒ‰่ฒป็”จใ‚„ๅธฏๅŸŸ่ฟฝๅŠ ่ชฒ้‡‘ใฏใชใ—ใ€‚(Cloudflare Docs, Cloudflare)


2. APIใƒˆใƒผใ‚ฏใƒณใฎๅ–ๅพ—ๆ–นๆณ•

  1. ใƒ€ใƒƒใ‚ทใƒฅใƒœใƒผใƒ‰ใธใƒญใ‚ฐใ‚คใƒณ โ†’ My Profile โ†’ API Tokens โ†’ Create Tokenใ€‚
  2. Create Custom Token ใ‚’้ธใณใ€Permissions ใซ Account โ†’ Stream โ†’ Edit๏ผˆ็”จ้€”ใซๅฟœใ˜ใฆ Read/Write๏ผ‰ใ‚’ไป˜ไธŽใ€‚
  3. Accounts ใงๅฏพ่ฑกใ‚ขใ‚ซใ‚ฆใƒณใƒˆใ‚’ๆŒ‡ๅฎš โ†’ Create Tokenใ€‚
  4. ่กจ็คบใ•ใ‚ŒใŸ APIใƒˆใƒผใ‚ฏใƒณใ‚’ๅฎ‰ๅ…จใซไฟ็ฎก๏ผˆ.env ใชใฉ๏ผ‰ใ€‚
    ๅ…ฌๅผใฎAPIใ‚ฌใ‚คใƒ‰ใงใ‚‚ใ€ŒAPI Tokens ใ‹ใ‚‰ไฝœๆˆใ€ใŒๅŸบๆœฌๅ‹•็ทšใงใ™ใ€‚(Cloudflare Docs)

ไพ‹๏ผšDirect Upload URL ใ‚’็™บ่กŒ๏ผˆBasic / 200MBๆœชๆบ€๏ผ‰

curl -X POST "https://api.cloudflare.com/client/v4/accounts/${ACCOUNT_ID}/stream/direct_upload" \
  -H "Authorization: Bearer ${API_TOKEN}" \
  -H "Content-Type: application/json" \
  --data '{"maxDurationSeconds":600}'

โ€œใ‚จใƒณใƒ‰ใƒฆใƒผใ‚ถใƒผ็›ดใ‚ขใƒƒใƒ—ใƒญใƒผใƒ‰โ€็”จใฎใƒฏใƒณใ‚ฟใ‚คใƒ URLใ‚’ใ‚ตใƒผใƒใƒผๅดใง็™บ่กŒใ—ใฆๆธกใ—ใพใ™ใ€‚200MBๆœชๆบ€ใฏBasicใ€200MB่ถ…ใฏtusๆŽจๅฅจใŒๅ…ฌๅผใฎๆŽจๅฅจๆ–น้‡ใงใ™ใ€‚(Cloudflare Docs)


3. ๆ–™้‡‘ไฝ“็ณป๏ผˆ2025ๅนด9ๆœˆๆ™‚็‚น๏ผ‰

  • ไฟๅญ˜๏ผˆMinutes Stored๏ผ‰๏ผš$5 / 1,000ๅˆ†ใ€ๅ‰ๆ‰•ใ„๏ผˆใƒ—ใƒชใƒšใ‚คใƒ‰๏ผ‰ใ€‚ใƒ•ใ‚กใ‚คใƒซใ‚ตใ‚คใ‚บใฏไธๅ•ใ€‚ๆฎ‹้ซ˜ใฏใƒ€ใƒƒใ‚ทใƒฅใƒœใƒผใƒ‰ใง็ขบ่ชใงใใพใ™ใ€‚(Cloudflare Docs)
  • ้…ไฟก๏ผˆMinutes Delivered๏ผ‰๏ผš$1 / 1,000ๅˆ†ใ€ๅพŒๆ‰•ใ„๏ผˆๅพ“้‡๏ผ‰ใ€‚VODๅ†็”ŸใƒปHLS/DASHใƒปMP4ใƒ€ใ‚ฆใƒณใƒญใƒผใƒ‰ใƒปใƒฉใ‚คใƒ–้…ไฟกใชใฉใŒๅฏพ่ฑกใ€‚ใƒ€ใƒƒใ‚ทใƒฅใƒœใƒผใƒ‰ใฎ Billable Usage / Stream Analytics ใง็ขบ่ชๅฏ่ƒฝใ€‚(Cloudflare Docs)
  • Stream Live ใ‚‚ๅŒไธ€่ชฒ้‡‘๏ผˆ้Œฒ็”ป๏ผไฟๅญ˜ใ€่ฆ–่ด๏ผ้…ไฟกใ€ใ‚จใƒณใ‚ณใƒผใƒ‰่ฟฝๅŠ ่ฒป็”จใชใ—๏ผ‰ใ€‚(Cloudflare Docs)
  • Pro/Businessใƒ—ใƒฉใƒณใซใฏ็„กๆ–™ๆž ใฎๆกˆๅ†…๏ผˆไพ‹๏ผšไฟๅญ˜100ๅˆ†๏ผ‹้…ไฟก10,000ๅˆ†๏ผ‰ใŒใ‚ใ‚Šใพใ™ใ€‚ๆœ€ๆ–ฐใฎใƒ—ใƒฉใƒณ่กจ่จ˜ใ‚’็ขบ่ชใ—ใฆใใ ใ•ใ„ใ€‚(Cloudflare)

ไพ‹๏ผš10ๅˆ†ๅ‹•็”ปร—100ๅ›žๅ†็”Ÿ โ†’ ้…ไฟก1,000ๅˆ† = $1ใ€‚ไฟๅญ˜ใฏ10ๅˆ†ร—ๆœฌๆ•ฐใงๆถˆ่ฒป๏ผˆ1,000ๅˆ†ๆž ๏ผ$5๏ผ‰ใ€‚ๅˆ่จˆใฏไฝฟ็”จ็Šถๆณใซใ‚ˆใ‚Šๆฆ‚ใญ $1ใ€œๆ•ฐใƒ‰ใƒซใซๅŽใพใ‚Šใพใ™ใ€‚


4. ๆ”ฏๆ‰•ใ„่จญๅฎš๏ผˆBilling / Payment๏ผ‰

  • ๆฑบๆธˆๆ‰‹ๆฎตใฎ็™ป้Œฒ๏ผšใƒ€ใƒƒใ‚ทใƒฅใƒœใƒผใƒ‰ โ†’ Billing โ†’ Payment โ†’ Manage ใ‹ใ‚‰ ใ‚ฏใƒฌใ‚ธใƒƒใƒˆใ‚ซใƒผใƒ‰ / PayPal ใ‚’่ฟฝๅŠ ใ€‚ใƒใƒƒใ‚ฏใ‚ขใƒƒใƒ—ๆฑบๆธˆๆ‰‹ๆฎตใ‚‚็™ป้Œฒๅฏใ€‚(Cloudflare Docs)
  • ่ซ‹ๆฑ‚ๅ…ˆ/็จŽๆƒ…ๅ ฑ๏ผˆVAT/GST๏ผ‰๏ผšBilling ใƒšใƒผใ‚ธใงๆ›ดๆ–ฐใ€‚่ซ‹ๆฑ‚ใƒกใƒผใƒซใ‚„ไฝๆ‰€ๅค‰ๆ›ดใ‚‚ๅŒใƒšใƒผใ‚ธใ€‚(Cloudflare Docs)
  • ๆ”ฏๆ‰•ใ„ๅคฑๆ•—ใฎๅ†ๆฑบๆธˆ๏ผšInvoices & documents ใง Pay Nowใ€‚(Cloudflare Docs)
  • ไฝฟ็”จ้‡ใฎๅฏ่ฆ–ๅŒ–๏ผšBilling โ†’ Usage๏ผˆUsage based billing ใฎ่ชฌๆ˜Žใ‚‚ๅ‚็…ง๏ผ‰ใ€‚(Cloudflare Docs)

5. Cloudflare Stream ใฎไธปใชAPI

5.1 ใ‚ขใƒƒใƒ—ใƒญใƒผใƒ‰

  • Direct Creator Uploads๏ผˆBasic/200MBๆœชๆบ€ or tus๏ผ‰
    ใ‚จใƒณใƒ‰ใƒฆใƒผใ‚ถใƒผ็›ดใ‚ขใƒƒใƒ—ใƒญใƒผใƒ‰ใฎใŸใ‚ใฎURLใ‚’็™บ่กŒใ€‚200MBๆœชๆบ€ใฏBasicใ€200MB่ถ…ใ‚„ๅ†้–‹ๅฏๅฆใŒๅฟ…่ฆใชใ‚‰tusใ€‚(Cloudflare Docs)
  • tus๏ผˆใƒฌใ‚ธใƒฅใƒผใƒ ๏ผ‰
    POST /accounts/{account_id}/stream๏ผˆTus-Resumable๏ผ‰โ†’ 201 + Location ใงไปฅๅพŒPATCHใ€‚(Cloudflare Docs)
  • Link Upload๏ผˆURLๅ–ใ‚Š่พผใฟ๏ผ‰
    POST /accounts/{account_id}/stream/copy ใงๅค–้ƒจURL๏ผˆไพ‹๏ผšS3๏ผ‰ใ‹ใ‚‰็›ดๆŽฅๅ–ใ‚Š่พผใฟใ€‚(Cloudflare Docs)

5.2 ็ฎก็†

  • ไธ€่ฆง/่ฉณ็ดฐ/ๅ‰Š้™ค๏ผšGET /accounts/{account_id}/stream๏ผˆๆœ€ๅคง1000ไปถ๏ผ‰ใ€GET/DELETE /stream/{video_uid}ใ€‚(Cloudflare Docs)

5.3 ๅ†็”Ÿ

  • Stream Player๏ผˆiframe๏ผ‰๏ผšhttps://customer-<CODE>.cloudflarestream.com/<VIDEO_UID>/iframe ใ‚’ๅŸ‹ใ‚่พผใฟใ€‚(Cloudflare Docs)
  • ่‡ชๅ‰ใƒ—ใƒฌใ‚คใƒคใƒผ๏ผšHLS/DASH ใƒžใƒ‹ใƒ•ใ‚งใ‚นใƒˆURLใฏใƒ€ใƒƒใ‚ทใƒฅใƒœใƒผใƒ‰/APIใงๅ–ๅพ—ใ€‚(Cloudflare Docs)

5.4 ใ‚ปใ‚ญใƒฅใƒชใƒ†ใ‚ฃ

  • Signed URL / Tokens๏ผšๅ‹•็”ปใซ requireSignedURLs: true ใ‚’่จญๅฎšใ—ใ€POST /stream/{identifier}/token ใง็ฝฒๅใƒˆใƒผใ‚ฏใƒณ็™บ่กŒใ€‚ๅ…ฌ้–‹ใƒชใƒณใ‚ฏใฏ็„กๅŠนๅŒ–ใ•ใ‚Œใ€็ฝฒๅURLๅฟ…้ ˆใซใ€‚(Cloudflare Docs)
  • Allowed Origins๏ผšHLS/DASHใฎๅ–ๅพ—ๅ…ƒใƒ‰ใƒกใ‚คใƒณใ‚’ๅˆถ้™๏ผˆ่‡ชๅ‰ใƒ—ใƒฌใ‚คใƒคใƒผใงใ‚‚ๆœ‰ๅŠน๏ผ‰ใ€‚(Cloudflare Docs)
  • Live ใฎๅ ดๅˆ๏ผšallowedOrigins/requireSignedURLs ใฏใƒฉใ‚คใƒ–ๅ…ฅๅŠ›ใซ็ดใฅใ่จญๅฎšใŒ้Œฒ็”ปใซใ‚‚ๆ—ขๅฎšใจใ—ใฆ้ฉ็”จใ€‚(Cloudflare Docs)

5.5 ๅญ—ๅน•ใƒปใ‚ตใƒ ใƒใƒปใƒ€ใ‚ฆใƒณใƒญใƒผใƒ‰ใƒป้€ใ‹ใ—

  • Captions๏ผˆๅญ—ๅน•๏ผ‰๏ผšBCP47่จ€่ชžใ”ใจใซ VTT ใ‚’ PUT๏ผAI็”ŸๆˆAPIใ‚‚ใ‚ใ‚Šใ€‚(Cloudflare Docs)
  • ใ‚ตใƒ ใƒ๏ผˆthumbnails๏ผ‰๏ผš.../thumbnails/thumbnail.jpg?time=1s&height=270 ใชใฉ URLใงๅณ็”Ÿๆˆใ€‚ๆ—ขๅฎšไฝ็ฝฎใฏ thumbnailTimestampPct ใงๆ›ดๆ–ฐๅฏใ€‚(Cloudflare Docs)
  • MP4/M4A ใƒ€ใ‚ฆใƒณใƒญใƒผใƒ‰๏ผš/downloads ใ‚’ POSTโ†’ใƒใƒผใƒชใƒณใ‚ฐโ†’ready ใซใชใฃใŸใ‚‰ๅ–ๅพ—ใ€‚ใƒฉใ‚คใƒ–้Œฒ็”ปใ‚‚UIใ‹ใ‚‰ๆœ‰ๅŠนๅŒ–ๅฏใ€‚(Cloudflare Docs)
  • ใ‚ฆใ‚ฉใƒผใ‚ฟใƒผใƒžใƒผใ‚ฏ๏ผšWatermark profile ใ‚’ไฝœๆˆโ†’ใ‚ขใƒƒใƒ—ใƒญใƒผใƒ‰ๆ™‚ใซ้ฉ็”จใ€‚API/ใƒ€ใƒƒใ‚ทใƒฅใƒœใƒผใƒ‰ไธกๅฏพๅฟœใ€‚(Cloudflare Docs)

6. ๅ›ณ่งฃ๏ผšAPIใฎไฝฟใ„ๅˆ†ใ‘


7. ๅฎŸ่ฃ…ใƒใ‚งใƒƒใ‚ฏใƒชใ‚นใƒˆ๏ผˆๆœฌ็•ช้‹็”จๅ‘ใ‘๏ผ‰

  • ใ‚ขใƒƒใƒ—ใƒญใƒผใƒ‰๏ผšใ‚ตใƒผใƒใƒผใง Direct Creator Upload URL ใ‚’็™บ่กŒ๏ผˆBasicใฏ1ๅ›žใฎใฟๆœ‰ๅŠน๏ผ‰ใ€‚200MB่ถ…ใ‚„ไธๅฎ‰ๅฎšๅ›ž็ทšใฏtusใธใ€‚(Cloudflare Docs)

  • ๅ†็”Ÿใ‚ปใ‚ญใƒฅใƒชใƒ†ใ‚ฃ๏ผšrequireSignedURLs:true + ็Ÿญๅฏฟๅ‘ฝใƒˆใƒผใ‚ฏใƒณ + Allowed Origins ใงไบŒ้‡้˜ฒๅพกใ€‚้ตใฏ /stream/keys ใงใƒญใƒผใƒ†ใƒผใ‚ทใƒงใƒณใ€‚(Cloudflare Docs)

  • ็Šถๆ…‹็›ฃ่ฆ–๏ผšWebhooksใง processingโ†’ready ใ‚’ๅ—ไฟกใ—ใ€DB/้€š็Ÿฅใ‚’ๆ›ดๆ–ฐ๏ผˆใƒใƒผใƒชใƒณใ‚ฐใ‚ˆใ‚Š็ขบๅฎŸ๏ผ‰ใ€‚(Cloudflare Docs)

  • UX๏ผšreadyToStream ใ‚’่ฆ‹ใฆๅ†็”Ÿ้–‹ๅง‹ใ€ใ‚ตใƒ ใƒURLใงใƒใ‚นใ‚ฟใƒผ็”Ÿๆˆใ€‚(Cloudflare Docs)

  • ใ‚ขใ‚ฏใ‚ปใ‚ทใƒ“ใƒชใƒ†ใ‚ฃ๏ผšๅญ—ๅน•๏ผˆVTT๏ผ‰ใ‚’็”จๆ„ใ€‚ๅคš่จ€่ชžใฏ่ฟฝๅŠ ้Ÿณๅฃฐใƒˆใƒฉใƒƒใ‚ฏใ‚‚ๆคœ่จŽใ€‚(Cloudflare Docs)

  • ใƒ€ใ‚ฆใƒณใƒญใƒผใƒ‰๏ผšๅฟ…่ฆๅ‹•็”ปใฎใฟ /downloads ใ‚’ๆœ‰ๅŠนๅŒ–ใ—ใ€ready ใซใชใฃใฆใ‹ใ‚‰ใƒชใƒณใ‚ฏ้…ๅธƒใ€‚(Cloudflare Docs)

  • ๆ–™้‡‘/้‹็”จ๏ผš

    • ไฟๅญ˜ใฏๅ‰ๆ‰•ใ„๏ผšๆฎ‹้ซ˜ใŒๅฐฝใใ‚‹ใจๆ–ฐ่ฆใ‚ขใƒƒใƒ—ใƒญใƒผใƒ‰ไธๅฏ โ†’ ๆœˆๅˆใซใƒใƒฃใƒผใ‚ธ or ็›ฃ่ฆ–ใ€‚(Cloudflare Docs)
    • ้…ไฟกใฏๅพŒๆ‰•ใ„๏ผšไฝฟ็”จ้‡ใฏ Billable Usage / Analytics ใง็ขบ่ชใ€‚(Cloudflare Docs)
    • ๆ”ฏๆ‰•ใ„๏ผšBilling โ†’ Payment ใงใ‚ซใƒผใƒ‰/PayPalใ€ๆœชๆ‰•ใ„ใฏ Invoices ใง Pay Nowใ€‚(Cloudflare Docs)

8. ใ™ใ่ฉฆใ›ใ‚‹ใ‚ตใƒณใƒ—ใƒซ๏ผˆcURL๏ผ‰

(A) Basic ็›ดใ‚ขใƒƒใƒ—ใƒญใƒผใƒ‰URL๏ผˆ200MBๆœชๆบ€๏ผ‰

curl -X POST "https://api.cloudflare.com/client/v4/accounts/${ACCOUNT_ID}/stream/direct_upload" \
  -H "Authorization: Bearer ${API_TOKEN}" \
  -H "Content-Type: application/json" \
  --data '{"maxDurationSeconds":600}'
# => result.uploadURL, result.uid

(B) tus ๅˆๆœŸๅŒ–๏ผˆๅคงๅฎน้‡ใƒปๅ†้–‹ๅฏ๏ผ‰

curl -i -X POST "https://api.cloudflare.com/client/v4/accounts/${ACCOUNT_ID}/stream" \
  -H "Authorization: Bearer ${API_TOKEN}" \
  -H "Tus-Resumable: 1.0.0" \
  -H "Upload-Length: 734003200"
# => 201 + Location ใƒ˜ใƒƒใƒ€

(C) ๅ†็”Ÿ๏ผˆiframe๏ผ‰

<iframe
  src="https://customer-<CODE>.cloudflarestream.com/<VIDEO_UID>/iframe"
  width="1280" height="720" style="border:none" allow="accelerometer; autoplay; clipboard-write; encrypted-media; picture-in-picture" allowfullscreen>
</iframe>

(Cloudflare Docs)


9. ๅ‚่€ƒ๏ผˆๅ…ฌๅผใƒ‰ใ‚ญใƒฅใƒกใƒณใƒˆ๏ผ‰

  • Pricing๏ผˆ5/1000ๅˆ†ไฟๅญ˜ใ€1/1000ๅˆ†้…ไฟก / ใƒ€ใƒƒใ‚ทใƒฅใƒœใƒผใƒ‰็ขบ่ช็ฎ‡ๆ‰€๏ผ‰(Cloudflare Docs)
  • Direct Creator Uploads๏ผˆ200MB้–พๅ€ค / tusๆŽจๅฅจ๏ผ‰ (Cloudflare Docs)
  • Signed URLs / requireSignedURLs / token (Cloudflare Docs)
  • Allowed Origins๏ผˆ่‡ชๅ‰ใƒ—ใƒฌใ‚คใƒคใƒผใงใ‚‚ๆœ‰ๅŠน๏ผ‰ (Cloudflare Docs)
  • PlayerๅŸ‹ใ‚่พผใฟ๏ผˆiframeใ‚ณใƒผใƒ‰๏ผ‰(Cloudflare Docs)
  • MP4ใƒ€ใ‚ฆใƒณใƒญใƒผใƒ‰๏ผˆPOSTโ†’ใƒใƒผใƒชใƒณใ‚ฐโ†’ready๏ผ‰(Cloudflare Docs)
  • Thumbnails๏ผˆURLใง็”Ÿๆˆ / ๆ—ขๅฎšไฝ็ฝฎ๏ผ‰(Cloudflare Docs)
  • Watermark๏ผˆใƒ—ใƒญใƒ•ใ‚กใ‚คใƒซโ†’้ฉ็”จ๏ผ‰(Cloudflare Docs)
  • Webhooks๏ผˆๅ‡ฆ็†ๅฎŒไบ†้€š็Ÿฅ๏ผ‰(Cloudflare Docs)
  • ๆ”ฏๆ‰•ใ„่จญๅฎš๏ผˆใ‚ซใƒผใƒ‰/PayPal/่ซ‹ๆฑ‚๏ผ‰ (Cloudflare Docs)
  • Live ใฎ่ชฒ้‡‘ใจ allowedOrigins ใฎ็ถ™ๆ‰ฟ (Cloudflare Docs)

1
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up

@hoshianaaa's pickup articles

Today's trending articles

Keita-0025

ๆ‹ๅ•“ใ€ๅ‡บ็คพใงใใชใ‹ใฃใŸๆ—ฅใฎไฟบใธใ€‚โ”€โ”€ไบบ็”ŸใŒๆญขใพใฃใŸใใฎๆ—ฅใ‹ใ‚‰ใ€ไฟบใฎๆŒ‘ๆˆฆใŒๅง‹ใพใฃใŸใ€‚

2026ๅนด!ๅˆใ‚ขใ‚ฆใƒˆใƒ—ใƒƒใƒˆใ‚’ใ—ใ‚ˆใ†
Yusg_5

ใ€่ณ‡ๆ ผๅ‹‰ๅผทใฎใ‚ณใƒ„ใ€‘็งใŒ่พฟใ‚Š็€ใ„ใŸใ€Œๅ‹‰ๅผทใƒขใƒใƒ™้˜ปๅฎณ่ฆๅ› ใฎๆŽ’้™คใ€ใ‚’่ปธใจใ™ใ‚‹ๅˆๆ ผๆˆฆ็•ฅ

Comments

No comments

Let's comment your feelings that are more than good

Being held Article posting campaign

1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

Login to continue?

Login or Sign up with social account

Login or Sign up with your email address