Search
Ask A Question
In Process
Avatar
1
Hihi Teacher
Asked At: 1651735646000 In: Spring
Hihi Teacher Asked At: 1651735646000 In: Spring
Expose API trả về kiểu Video (giống như Tiktok,..)
Hi mọi người,
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.
RangeSpring WebfluxLinkhttps://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!
  • 3 Answer(s)
  • 1750 Views
  • Answer
spring
Remain: 5
3 Answers
Avatar
tvd12 Enlightened
Added an answer at: 1651738465000
tvd12 Enlightened
Added an answer at: 1651738465000
  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 <a href="https://en.wikipedia.org/wiki/HTTP_Live_Streaming" target="_blank" rel="noopener nofollow ugc">hls</a>. 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
  • Reply
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 ạ.
  –  Hihi 1651784286000
Avatar
monkey Enlightened
Added an answer at: 1651784801000
monkey Enlightened
Added an answer at: 1651784801000
  1. <a href="https://github.com/spring-projects/spring-framework/blob/main/spring-core/src/main/java/org/springframework/core/io/ByteArrayResource.java" target="_blank" rel="nofollow ugc">ByteArrayResource</a> 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. <a href="https://github.com/spring-projects/spring-framework/blob/main/spring-core/src/main/java/org/springframework/core/io/InputStreamResource.java" target="_blank" rel="nofollow ugc">InputStreamResource</a> 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
  • Reply
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 ?
  –  Hihi 1651788064000
Đúng rồi em ạ.
  –  monkey 1651793010000
Avatar
Thành Lê Văn Teacher
Added an answer at: 1651915457000
Thành Lê Văn Teacher
Added an answer at: 1651915457000
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
  • Reply
Cảm ơn anh đã chia sẻ !
  –  Hihi 1652842811000
Ask A Question
  • Question(s) 1.1K
  • Answer(s) 2.2K
  • Best answer(s) 136
  • User(s) 541

Related Questions

Recent Activities

Show All Activities

Top Members

Trending Tags

.net .net core .net oop #formatdate abstract class access app access token ai 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 btree bucket4j buffered build bundle c# c# .net cache caching callback career career path cast câu hỏi centos chat cloud cloud reliability combobox commit communication computer science concurrent config-css connection pool content-disposition contract controllerservice convert date to number cookie cors cosmos cosmos-sdk crawl data cron css database database migration datasource datastructure datetime deadlock debug decentralized exchange deep learning deploy contract design patterns design-pattern dev devops dex di distraction programing dns đồ án tốt nghiệp docker download draw.io du học dữ liệu lớn duration eclip editor elasticsearch email erc20 erc721 error estimation eth ethereum ethereum login excel excel-object-mapper exception exception handle exception handler executor export compliance extensions exyfox ezydata ezyfox ezyfox-boot ezyfox-server ezyfoxserver ezyhttp ezyjpa ezymq-kafka ezyplatform ezyredis facebook fe filter floating point flutter format json freetank front-end frontend fullstack fulltextsearch future gallery game game-box game-room game-server gateway get get file zip git glide go golang 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 io ioc ipfs isolate issue it java java core java spring java web javacore javascript javaw jenkins jetbrains job join jotform jpa jpql jquery js json json file json to object jsonproperty jsp jsp &amp; servlet junit-test jvm jwt kafka keep promise kerberos keycloak kotlin languague laravel library list load balancer load-balancing lock log log4j log4j-core login lỗi font lưu trữ machine learning macos mail mail template main map maria db markdown math maven merge mermaid 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 network networking nft nft game nginx nio node.js nodejs non-blocking io null odoo oop opensource optimize oracle orm otp message paginaiton pagination pancakeswap panic partition pdf pgpool phỏng vấn php plugin pointer postgresql postman pre private_key procedure profile programming programming-language project management promise properties push message android push notification push-noti python python unicode qr qrcode question queue rabbitmq react-native reactive reactjs reactjs download readmoretextview recyclerview redis refactor refresh token regex replica repository request resilence4j resource rest restful resttemplate roadmap room database ropssten ropsten round robin rust rxjava s3 schedule scheduled scheduled spring boot search security send email send mail serialization server servlet session shift jis singleton sjis slack smart contract soap socket socket server soft delete solution sosanh spring spring aop spring boot spring data jpa spring redis spring security spring websocket spring websocket cors spring-boot-test spring-jpa springboot springsecurity springwebflux mysql sql sql server sse ssl ssl email stackask storage stream stream api stress test stresstest structure trong spring boot study synchronize synchronized system environment variables tcp test thiết kế tầng trong dự án thread thread pool threadjava threadpool thymeleaf tomcat totp tracking location transaction transfer transfer git udp ui uniswap unit test unity upload upload file utf-8 file validate validate date vector video call vietqr view volatile vue vue cli vuejs watermark web web3 web3 client webassembly webflux webpack webrtc websocket windows 11 winforms wordpress work xss zip file zookeeper