Sign Up

Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.

Have an account? Sign In
Continue with Google
Continue with Facebook
or use


Have an account? Sign In Now

Sign In

Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.

Sign Up Here
Continue with Google
Continue with Facebook
or use


Forgot Password?

Don't have account, Sign Up Here

Forgot Password

Lost your password? Please enter your email address. You will receive a link and will create a new password via email.


Have an account? Sign In Now

Sorry, you do not have a permission to ask a question, You must login to ask question.

Continue with Google
Continue with Facebook
or use


Forgot Password?

Need An Account, Sign Up Here

Please briefly explain why you feel this question should be reported.

Please briefly explain why you feel this answer should be reported.

Please briefly explain why you feel this user should be reported.

Sign InSign Up

Stack Ask

Stack Ask Logo Stack Ask Logo

Stack Ask Navigation

  • Home
  • About Us
  • Contact Us
Search
Ask A Question

Mobile menu

Close
Ask a Question
  • Home
  • About Us
  • Contact Us
Home/ Questions/Q 5721
Next
In Process
Hihi
  • 1
HihiTeacher
Asked: May 5, 20222022-05-05T14:27:26+00:00 2022-05-05T14:27:26+00:00In: Spring

Expose API trả về kiểu Video (giống như Tiktok,..)

  • 1

Hi mọi người,

Cho em hỏi là ở app Back End (em dùng Java Spring) thông thường theo em hiểu là khi expose 1 API để trả về video cho client sử dụng thì quá trình sẽ là :

  1. Chuyển file video thành mảng byte (byte [])
  2. Set mảng array vào body của Response
  3. Set header của Response Content-type = video/mp4.

Em nghĩ đây là cách cơ bản nhất.Nhưng em có search thì em thấy để trả về 1 API video thì cần phải có Response có header liên quan đến Range của video nữa và hình như Spring Webflux có hỗ trợ việc này. Link em xem ạ https://www.youtube.com/watch?v=_PEPaWFs064

  1. Mọi người cho em hỏi là Range này là gì và nó có tác dụng của nó đối  với viêc API trả về video ạ ? (Em nghĩ chắc chắn nó sẽ có ưu điểm gì thì người ta mới dùng nó )?Em thấy nó call API liên tục khi video đang chạy thì có gây sập server ko ạ ?
  2. Và cho em xin lời khuyên để làm BackEnd trả về API Video như này thì dùng Spring Boot bình thường hay dùng Spring WebFlux sẽ tốt hơn ạ ?

Cảm ơn mọi người!

spring
  • 7 7 Answers
  • 150 Views
  • 0 Followers
  • 0
Answer
Share
  • Facebook
  • Report

7 Answers

  • Voted
  • Oldest
  • Recent
  1. tvd12 Enlightened
    2022-05-05T15:14:25+00:00Added an answer on May 5, 2022 at 3:14 pm

    1. Nếu anh không nhầm thì cái Range này để lấy từng phần của video, bởi vì khi video mà lớn thì nó sẽ tạo ra 1 request rất dài, mà 1 request http sẽ thường có 1 khoảng thời gian timeout, như jetty đang để timeout mặc định đâu đó 60 giây như vậy nếu tốc độ tải chậm nó sẽ gây ra tình trạng video bị interrupt, vậy cần chia nhỏ việc tải file để đảm bảo khả năng download liên tục.

    2. Spring WebFlux có vẻ hỗ trợ cho lập trình reactive nhỉ? Vậy thì có vẻ nó không có tác dụng lắm đối với việc tải file này, vì reactive thích hợp cho việc tổng hợp data từ nhiều luồng, đây em chỉ có 1 luồng đọc file và ghi vào output stream mà thôi. Nên em có thể dùng cái gì cũng được, anh nghĩ là như nhau nên em chọn cái gì đơn giản thì làm.

    3. Trên thực tế thì ngày nay việc stream video thường dùng các giao thức kiểu hls. Các file media sẽ được cắt thành nhiều phần nhỏ từ đó mà việc đọc file cũng dễ dàng và nhanh chóng hơn.

    • 0
    • Share
      Share
      • Share on Facebook
      • Share on Twitter
      • Share on LinkedIn
      • Share on WhatsApp
      • Report
    • Hihi Teacher
      2022-05-06T03:58:06+00:00Replied to answer on May 6, 2022 at 3:58 am

      Anh ơi ! Em có 1 thắc mắc ,em xin phép hỏi anh là khi trả về 1 API Video thì body của response ngoài byte array (1) thì còn là các đối tượng ByteArrayResource,InputStreamResource (2).Sự khác nhau của (1) và (2) cụ thể là như thế nào ạ ? Em có search google rồi mà vẫn ko hiểu ạ.

      • 0
      • Share
        Share
        • Share on Facebook
        • Share on Twitter
        • Share on LinkedIn
        • Share on WhatsApp
        • Report
  2. monkey Enlightened
    2022-05-06T04:06:41+00:00Added an answer on May 6, 2022 at 4:06 am

    1. ByteArrayResource là 1 lớp wrap lại 1 mảng byte. Nó thích hợp trong trường hợp em có 1 mảng byte và em cần truyền mảng byte này cho client. Đối với trường hợp download file thì em cũng sẽ không hay dùng cái này, vì nếu đọc cả 1 file rồi biến nó thành byte array rồi mới truyền xuống client nó sẽ gây ra tốn RAM hoặc hết RAM.

    2. InputStreamResource là 1 lớp wrap lại 1 inputstream. Nó rất thích hợp trong việc em download file. Nó sẽ không load toàn bộ file lên bộ nhớ, nó sẽ đọc dần dần ví dụ 1024 bytes 1 lần, như vậy nó sẽ giúp em tiết kiệm được RAM và bảo vệ an toàn cho hệ thống.

    • 0
    • Share
      Share
      • Share on Facebook
      • Share on Twitter
      • Share on LinkedIn
      • Share on WhatsApp
      • Report
    • Hihi Teacher
      2022-05-06T05:01:04+00:00Replied to answer on May 6, 2022 at 5:01 am

      Vậy từ câu trả lời của anh theo em hiểu là cách tốt nhất trong trường hợp dowload file cũng như trả về video cho cilent hiển thị (như tik tok) thì nên dùng InputStreamResource thay vì trả về thẳng mảng byte hay ByteArrayResource có đúng ko a ?

      • 0
      • Share
        Share
        • Share on Facebook
        • Share on Twitter
        • Share on LinkedIn
        • Share on WhatsApp
        • Report
      • monkey Enlightened
        2022-05-06T06:23:30+00:00Replied to answer on May 6, 2022 at 6:23 am

        Đúng rồi em ạ.

        • 0
        • Share
          Share
          • Share on Facebook
          • Share on Twitter
          • Share on LinkedIn
          • Share on WhatsApp
          • Report
  3. Thành Lê Văn Teacher
    2022-05-07T16:24:17+00:00Added an answer on May 7, 2022 at 4:24 pm

    Mình nhớ Range  là client gửi lên cho server chứ ?

    Để giải thích điều này thì nên quay lại lịch sử xem video thời xưa với các định dạng video 1 file duy nhất. (Mp4…)

    Thời xưa ví dụ chúng ta đang xem video có tổng dung lượng là 10 phút.
    Ví dụ chúng ta đang xem đến phút thứ 1:02 và chúng ta muốn tua nhanh đến phút thứ 9.

    Trong trường hợp xấu nhất, client chưa tải hết byte của video hoặc chưa tải được buffer byte đến phút thứ 9. Client sẽ cần chờ 1 khoản thời gian để chờ tải các byte đến phút thứ 9 sau đó mới tiếp túc xem video từ phút thứ 9 được. (Thật tốn thời gian)

    Về sau thì người ta đã nghĩ ra ý tưởng hay hơn.

    Ví dụ tổng video 10 phút của chúng ta có 10_000 byte.

    Khi chúng ta muốn tua nhanh và xem đến phút thứ 9 để xem. Client sẽ tính toán phút thứ 9 thì sẽ ở khoảng byte thứ bao nhiêu sau đó gửi một request mới đến server với key ở Header là Range và value là  vị trí của byte.

    Với ví dụ trên chúng ta sẽ gửi 1 request mới với Range có value là 9_000. Server sau đó sẽ trả về các byte tiếp theo bắt đầu từ 9_000 đến 10_000.

    Hiện tại thì các website video sử dụng HLS khá nhiều, và đa số các website video lớn trên thế giới đang chuyển dần đến hết sử dụng HLS ( HTTP Live Streaming ) bởi các ưu điểm của nó rất tốt cho các ứng dụng video đa quốc gia, Line Streaming …etc…

    • 0
    • Share
      Share
      • Share on Facebook
      • Share on Twitter
      • Share on LinkedIn
      • Share on WhatsApp
      • Report
    • Hihi Teacher
      2022-05-18T10:00:11+00:00Replied to answer on May 18, 2022 at 10:00 am

      Cảm ơn anh đã chia sẻ !

      • 0
      • Share
        Share
        • Share on Facebook
        • Share on Twitter
        • Share on LinkedIn
        • Share on WhatsApp
        • Report

You must login to add an answer.

Continue with Google
Continue with Facebook
or use


Forgot Password?

Need An Account, Sign Up Here

Sidebar

Ask A Question

Stats

  • Questions 826
  • Answers 1k
  • Best Answers 80
  • Users 338
  • Popular
  • Answers
  • monkey

    [Deep Learning] Làm thế nào để xác định được cái ...

    • 16 Answers
  • Thành Vương

    Bug sai đường dẫn khi config ckeditor lên live

    • 14 Answers
  • Tú Trần Anh

    [Ezyfox Server] Unity game client không gửi được command khi ...

    • 12 Answers
  • tvd12
    tvd12 added an answer 1. Anh không hiểu tại sao em lại cần phải… February 4, 2023 at 7:50 am
  • tvd12
    tvd12 added an answer Cái này anh thấy là em đang gửi dữ liệu… February 4, 2023 at 7:46 am
  • monkey
    monkey added an answer Đây em: class Event{} class Room{} class EventRoom{eventId, roomId} February 2, 2023 at 9:07 am

Related Questions

  • Hồng Quân Nguyễn

    Cách truy vấn và xử lý dữ liệu lớn trong ...

    • 1 Answer
  • Vo Thanh Vuong

    Gen database bằng code java sử dụng các anotation

    • 3 Answers
  • Cường Nguyễn Hữu

    Xóa kiểm tra ràng buộc primary key-foreign key khi sử ...

    • 3 Answers

Top Members

tvd12

tvd12

  • 76 Questions
  • 1k Points
Enlightened
monkey

monkey

  • 122 Questions
  • 1k Points
Enlightened
Nguyễn Thái Sơn

Nguyễn Thái Sơn

  • 205 Questions
  • 307 Points
Enlightened

Trending Tags

#formatdate .net .net core .net oop abstract class access app access token ai analytics android ansible anti-flooding apache poi api app architecture artificial intelligence assembly async asyncawait atomicboolean authentication backend backend nestjs background bash script batch bean big project binding bitcoin blockchain blog boot-nodes branch british btree bucket4j buffered build bundle c# c# .net cache caching callback career career path cast centos chat cloud cloud reliability commit communication company computer science concurrent config-css connection pool content-disposition contract convert date to number cookie cors cosmos cosmos-sdk crawl data cron css database database migration datasource datastructure deadlock decentralized exchange deep learning deploy contract design-pattern design patterns devops dex di distraction programing dns docker download draw.io du học duration dữ liệu lớn eclip editor elasticsearch email employee english erc20 erc721 estimation eth ethereum ethereum login excel exception exception handle exception handler executor export compliance extensions exyfox ezyfox ezyfox-boot ezyfox-server ezyfoxserver ezyhttp ezymq-kafka ezyredis facebook fe filter floating point flutter format json freetank french front-end frontend fullstack fulltextsearch future gallery game game-box game-room game-server gateway get get file zip git glide go golang google gorilla graduation thesis graphql grapql grpc guide h2 database handy terminal hazelcast hibernate hibernateconfig html http https hyperloglog image index indexing integration-test intellij interface interview io ioc ipfs isolate issue it java java core javacore javascript java spring javaw java web jenkins jetbrains job join jotform jpa js json json file jsonproperty json to object jsp jsp & servlet junit-test jvm jwt kafka keep promise kerberos keycloak kotlin language languague library list load-balancing load balancer lock log log4j log4j-core login lưu trữ machine learning macos mail mail template main maria db math maven merge message queue messaging metamask microservice microservices migration mobile model mongo monitoring mq msgpack multi-threading multiple tenant multithread multithreading mysql n naming naming convention nan netcore netty networking nft nft game nginx nio node.js nodejs non-blocking io null oop opensource optimize oracle orm otp message paginaiton pagination pancakeswap panic partition pdf pgpool phỏng vấn plugin pointer postgresql postman pre private_key procedure profile programming project management promise properties push-noti push message android push notification python python unicode qrcode question queue rabbitmq reactive reactjs reactjs download readmoretextview recyclerview redis refactor refresh token regex replica repository request resilence4j resource rest resttemplate roadmap ropssten ropsten round robin rust rxjava s3 schedule scheduled scheduled spring boot search security send email send mail server servlet session shift jis singleton sjis slack smart contract soap socket socket server soft delete solution sosanh spring spring-boot-test spring-jpa spring aop springboot spring boot spring data jpa spring redis springsecurity spring security springwebflux mysql spring websocket spring websocket cors sql sql server sse ssl email stackask storage stream stream api stress test structure trong spring boot study synchronize synchronized system environment variables test thread threadjava threadpool thread pool thymeleaf tomcat totp tracking location transaction transfer transfer git udp uniswap unit test unity upload upload file utf-8 file validate validate date vector view volatile vue vue cli watermark web web3 web3 client webassembly webflux webpack websocket windows 11 winforms work zip file zookeeper

Footer

Stack Ask

Stack Ask is where Developers Ask & Answers. It will help you resolve any questions and connect you with other people.

About Us

  • Meet The Team
  • About Us
  • Contact Us

Legal Stuff

  • Terms of Service
  • Privacy Policy
  • Cookie Policy

Help

Follow

© 2021 Stack Ask. All Rights Reserved
Powered by youngmonkeys.org