Advertisement
Guest User

Untitled

a guest
Aug 23rd, 2017
70
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.07 KB | None | 0 0
  1. <form action="">
  2. <input type="file" id="file"/>
  3. </form>
  4. <div id="result"></div>
  5. <video id="video" style="width:400px;height: 300px;" controls>
  6. <source id="source"></source>
  7.  
  8. </video>
  9. <script src="js/jquery.min.js"></script>
  10. <script >
  11.  
  12.  
  13. function _base64ToArrayBuffer(base64) {
  14. var binary_string = window.atob(base64);
  15. var len = binary_string.length;
  16. var bytes = new Uint8Array( len );
  17. for (var i = 0; i < len; i++) {
  18. bytes[i] = binary_string.charCodeAt(i);
  19. }
  20. return bytes.buffer;
  21. }
  22. //var base64String = btoa(String.fromCharCode.apply(null, new Uint8Array(arrayBuffer)));
  23.  
  24.  
  25. function dataURItoBlob(dataURI) {
  26. var byteString = atob(dataURI.split(',')[1]);
  27.  
  28. var mimeString = dataURI.split(',')[0].split(':')[1].split(';')[0]
  29.  
  30. var ab = new ArrayBuffer(byteString.length);
  31. var ia = new Uint8Array(ab);
  32. for (var i = 0; i < byteString.length; i++) {
  33. ia[i] = byteString.charCodeAt(i);
  34. }
  35.  
  36. var bb = new BlobBuilder();
  37. bb.append(ab);
  38. return bb.getBlob(mimeString);
  39. }
  40. $(document).ready(function(){
  41. $("#file").change(function(event){
  42. var files = event.target.files;
  43.  
  44. var file = files[0]
  45. var fileReader = new FileReader();
  46. fileReader.onloadend = function(event)
  47. {
  48. var content = event.target.result;
  49. //console.log(content)
  50.  
  51. content = content.split(",")
  52. content = content[1]
  53.  
  54. var blob = new Blob([_base64ToArrayBuffer(content)],{'type':'video/mp4'});
  55.  
  56. bloburl = URL.createObjectURL(blob)
  57. $("#result").append("<a href='"+bloburl+"'>"+bloburl+"</a>")
  58. $("#video").attr('src',bloburl);
  59. document.getElementById('video').play();
  60.  
  61.  
  62. };
  63.  
  64. bloburl = URL.createObjectURL(files[0])
  65. $("#result").append("1 - <a href='"+bloburl+"' target='_blank'>"+bloburl+"</a><br>")
  66.  
  67. fileReader.readAsDataURL(files[0])
  68. })
  69. });
  70.  
  71. </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement